
/** GENERAL **/
/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700); */
@font-face {
    font-family: AleoRG;
    src: url(/infra/fonts/aleo-regular-webfont.woff);
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Thin.ttf);
    font-weight:100;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Thin.ttf);
    font-weight:100;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Light.ttf);
    font-weight:300;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Regular.ttf);
    font-weight:400;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Medium.ttf);
    font-weight:500;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Bold.ttf);
    font-weight:700;
}
@font-face {
    font-family: Roboto;
    src: url(/infra/fonts/Roboto-Black.ttf);
    font-weight:900;
}

html {min-width: 0;}
@media (max-width:992px){
	body { padding-bottom:150px }
}
body{background: #f2f2f2;}
.pageInViewMode .section:not(.summarySection) .form .form-field{background:rgb(250, 250, 250)}
input::-ms-clear { width : 0; height: 0; }
/* a:focus,a:hover {color: inherit !important;} */
label, input[type="text"]{color:#555}
input[type='text'],input[type='password']{direction:ltr !important}
input{direction:initial}
.defaultColor { color: #555 }
.ui-widget{font-family:Roboto,Helvetica,Arial,sans-serif}
fieldset.subsection {margin:5px 0;padding:0 5px;border-radius:4px;}
fieldset.subsection legend{font-size:14px;padding-left:12px;text-transform: uppercase;padding-bottom:5px;letter-spacing: 0.5px;}
.inlineBlock {display: inline-block;}
.verticalTop {vertical-align: top;}
.verticalMiddle{vertical-align: middle;}
.displayTable{display: table; }
.displayTableCell{display: table-cell;}
.displayFlex{display: flex;}
.displayBlock{display: block;}
.displayNone{display: none;}
.displayInline{display: inline !important;}
.displayInlineBlock{display: inline-block !important;}
.displayInlineTable{display: inline-table !important;}
.outlineNone{outline:none !important}
.fontAleoRG{font-family: AleoRG;}
.fontReg {font-weight: 400;}
.fontBold {font-weight: bold;}
.fontWeight500 { font-weight: 500 }
.fontWeight600 { font-weight: 600 }
.fontWeight700 { font-weight: 700 }
.fontWeight800 { font-weight: 800 }
.font8{font-size: 8px;}
.font12{font-size: 12px;    }
.font13{font-size: 13px;    }
.font14{font-size: 14px; }
.font16{font-size: 16px;}
.font18{font-size: 18px; }
.font20{font-size: 20px; }
.font24{font-size: 24px; }
.font26{font-size: 26px; }
.font28{font-size: 28px; }
.font32{font-size: 32px; }
.font42{font-size: 42px; }
.fontThin{font-family: Roboto Thin}
.fontLight{font-family: Roboto Light}
.fontSize20 { font-size: 20px }
.fontSize90P { font-size: 90% }
.fontColorAqua{color: #3b8fb3;}
button.pickup + .tooltip { width: 70px }
.z-index2{z-index: 2;}
.z-index3{z-index: 3;}
.z-index4{z-index: 4;}
.z-index5{z-index: 5;}
.z-index6{z-index: 6;}
.textCenter {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.lineHeight15{line-height: 15px;}
.lineHeight16{line-height: 16px;}
.lineHeight20 {line-height: 20px;}
.lineHeight25{line-height:25px !important;}
.lineHeight26{line-height:26px !important;}
.lineHeight30{line-height:30px !important;}
.lineHeight31 {line-height: 31px;}
.lineHeight32 {line-height: 32px;}
.lineHeight34 {line-height: 34px;}
.lineHeight35 {line-height: 35px;}
.lineHeight50{line-height:50px !important;}
.lineHeight55{line-height:55px !important;}
.lineHeight60{line-height:60px !important;}
.lineHeight110P{line-height: 110%}
.margin5 {margin: 5px;}
.margin10 {margin: 10px;}
.marginNeg10 { margin: -10px; }
.marbottom2  {margin-bottom: 2px;}
.marbottom15  {margin-bottom: 15px;}
.marbottom10  {margin-bottom: 10px;}
.marbottom5  {margin-bottom: 5px;}
.marbottom7  {margin-bottom: 7px;}
.marbottom9{margin-bottom:9px;}
.marbottom0  {margin-bottom: 0;}
.marTopNeg20 { margin-top: -20px; }
.marTopNeg12 { margin-top: -12px; }
.marTopNeg11 { margin-top: -11px; }
.marTopNeg10 { margin-top: -10px; }
.marTop0 { margin-top: 0 }
.marTop3{margin-top: 3px;}
.marTop5{margin-top: 5px;}
.marTop10{margin-top: 10px;}
.marTop15{margin-top: 15px;}
.marTop40Important{margin-top: 40px !important;}
.marTop75{margin-top: 75px;}
.marTop75important {margin-top:75px !important}
.marLeftNeg10{margin-left: -10px}
.marLeft5{margin-left: 5px !important;}
.marLeft10{margin-left: 10px; }
.marLeft15{margin-left: 15px; }
.marLeft20{margin-left: 20px; }
.marLeft25{margin-left: 25px;}
.marLeft40{ margin-left: 40px;}
.marRight5{margin-right: 5px; }
.marRight7{margin-right: 7px; }
.marRight10{ margin-right: 10px;}
.marRight20{margin-right: 20px;}
.marRight30{margin-right: 30px;}
.marRight30Important{margin-right: 30px !important;}
.marSides5 { margin-left: 5px; margin-right: 5px; }
.marSides7Half { margin-left: 7.5px; margin-right: 7.5px; }
.marSides10 { margin-left: 10px !important; margin-right: 10px !important; }
.marSides20 { margin-left: 20px !important; margin-right: 20px !important; }
.marSides25 { margin-left: 25px !important; margin-right: 25px !important; }
.marSides30 { margin-left: 30px !important; margin-right: 30px !important; }
.marTopBottom0 {margin-top: 0; margin-bottom: 0}
.marTopBottom3 { margin-top: 3px; margin-bottom: 3px }
.marTopBottom5 { margin-top: 5px; margin-bottom: 5px }
.marTopBottom10 { margin-top: 10px; margin-bottom: 10px }
.marTopBottom15 { margin-top: 15px; margin-bottom: 15px }
.padding0 {padding: 0 !important;}
.padding5 {padding: 5px !important;}
.padding10 {padding: 10px !important;}
.padding12 {padding: 12px !important;}
.padding15 {padding: 15px !important;}
.padding20 {padding: 20px !important;}
.padding30 { padding: 30px; }
.padTop0 {padding-top: 0px;}
.padTop5 {padding-top: 5px;}
.padTop10{padding-top: 10px;}
.padTop15 {padding-top: 15px;}
.padTop20 {padding-top: 20px;}
.padTopBottom0{padding-top: 0px !important; padding-bottom: 0px !important;   }
.padTopBottom5{ padding-top: 5px !important; padding-bottom: 5px !important;    }
.padTopBottom7{ padding-top: 7px !important; padding-bottom: 7px !important;    }
.padTopBottom8{ padding-top: 8px !important;   padding-bottom: 8px !important;    }
.padTopBottom10{  padding-top: 10px !important;   padding-bottom: 10px !important;    }
.padTopBottom12{  padding-top: 12px !important;   padding-bottom: 12px !important;    }
.padTopBottom15{ padding-top: 15px !important;padding-bottom: 15px !important;    }
.padBottom0 {padding-bottom: 0}
.padBottom2 {padding-bottom: 2px}
.padBottom10 {padding-bottom: 10px;}
.padBottom15 {padding-bottom: 15px;}
.padSides0 {padding-left: 0; padding-right: 0}
.padSides0Important {padding-left: 0 !important; padding-right: 0 !important}
.padSides5 {padding-left: 5px; padding-right: 5px;}
.padSides10 {padding-left: 10px; padding-right: 10px;}
.padSides30 {padding-left: 30px; padding-right: 30px;}
.padLeft0 {padding-left: 0px}
.padLeft2 {padding-left: 2px}
.padLeft5 {padding-left: 5px}
.padLeft10{padding-left: 10px; }
.padLeft15{padding-left: 15px; }
.padLeft20{padding-left: 20px; }
.padLeft25{padding-left: 25px; }
.padLeft30{padding-left: 30px; }
.padRight0 {padding-right: 0px}
.padRight5 {padding-right: 5px}
.padRight10 {padding-right: 10px}
.padRight12 {padding-right: 12px}
.padRight16 {padding-right: 16px;}
.padRight15{padding-right: 15px; }
.padRight20{padding-right: 20px; }
.padRight30{padding-right: 30px}
.posTopNeg2 { top: -2px }
.posTop0 { top: 0}
.posTop10 { top: 10px }
.posRight0 { right: 0 }
.recordAlertUXP {font-weight:bold; position:relative; right: 10em}
.margin0{margin: 0 !important; }
.pull-left {float: left !important;}
.disabled { cursor: not-allowed; text-decoration: none; color: #ddd; opacity: 0.65; }
.disabled:focus, .disabled:active { pointer-events: none }
.overflowVisible { overflow: visible }
.overflowHidden { overflow: hidden !important }
.overflowYAuto { overflow-y: auto !important }
.form-field textarea{width:100%}
.form-control{font-weight:700;height: 32px;]}
.form-control::placeholder{font-weight:400;}
.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder {color:#efefef}
.splitToolStart label{text-align:left}
.splitToolStart .tab-content .form label{text-align:right}
.splitToolStart .splitToolCol{padding-left:15px}
.absolutePos{position:absolute}
.topNegHalf{top:-0.5px;}
.top0{top:0;}
.top2{top:2px;}
.top5{top:5px;}
.right0 {right:0;}
.right2P {right:2%;}
.left2{left:2px;}
.left4{left:4px;}
.visibility-hidden{visibility: hidden;}
.hiddenCheck .checkbox{display:none;}
.left100 {left:100%;}
.red {color: red;}
.light-red{color: #e5525c;}
.yellow {color: yellow; }
.orange { color: orange; }
.green { color: green; }
.light-green{color: #58b085;}
.relativePos {position: relative;}
.relativePosImportant {position: relative !important;}
.fixedPos{position: fixed; }
.marLeft5 {margin-left: 5px !important;}
.padTop8 {padding-top: 8px !important;}
.padSides9 {padding-left: 9px !important; padding-right: 9px !important;}
.padSides8 {padding-left: 8px; padding-right: 8px;}
.blueBtnBg { background: #337ab7 !important; background-color: #337ab7 !important; }
.bgGray{ background: #eee; }
.bgGrayDDD{ background: #ddd; }
.bgColorGray { background-color: #f2f2f2; }
.bgColorWhite { background-color: white; }
.transparentBg{ background: transparent; }
.whiteColor{ color:#fff; }
.blueColor{ color: #1990DE;}
.greenColor { color: #2eb82e }
.orangeColor { color: #f68212 }
.purpleColor { color: #8359d4 }
.grayColor { color: #888 }
.defaultColorHover:hover { color: #555 }
.coolBlue { color: #337ab7 }
.uxfBlue { color: #0E7BBA }
.uxfBackgroundBlue{background-color:#0E7BBA}
.uxfBorderBlue{border-color:#0E7BBA}
.uxfBlueHover:hover { color: #0E7BBA }
.uxfBlueDarkHover:hover { color: #2A5DB0 }
.height23{ height: 23px; }
.height30{ height: 30px; }
.height34{ height: 34px; }
.height40 { height: 40px !important; }
.height100P{height:100%;}
.width100P{width:100%;}
.width90P{width:90%;}
.width80P{width:80%;}
.width55P{width:55%;}
.width50P{width:50%;}
.width40P{width:40%;}
.widthInitial{width:initial;}
.lineHeight34{ line-height: 34px; }
.minHeight40{ min-height: 40px; }
.marSides0{margin-left: 0px !important; margin-right: 0px !important;}
.marSides5{margin-left: 5px; margin-right: 5px;}
.marSidesAuto{margin-left: auto !important;  margin-right: auto !important;}
.maxWidthInitial { max-width: initial; }
.maxWidth40 { max-width: 40px; }
.maxWidth285 { max-width: 285px; }
.maxWidth500 { max-width: 500px; }
.maxWidth700{  max-width:700px;}
.maxWidth1200{  max-width:1200px;}
.minWidth20 { min-width: 20px !important; }
.minWidth40 { min-width: 40px }
.minWidth50 { min-width: 50px !important; }
.minWidth200{min-width: 200px !important;}
.minWidth250{min-width: 250px !important;}
.minWidth300{min-width: 300px !important;}
.minWidth350{min-width: 350px !important;}
.minWidth500{min-width: 500px !important;}
.minWidth600{min-width: 600px !important;}
.minWidth700{min-width: 700px !important;}
.minWidth800{min-width: 800px !important;}
.minWidth900{min-width: 900px !important;}
.maxHeight16{max-height:16px !important}
.padSides15{padding-left:15px !important;padding-right:15px !important;}
.pointer{cursor: pointer; }
.pointerHover:hover{cursor: pointer; }
.outline0 { outline: none !important; }
.border0{ border:none !important; }
.borderLeft0{ border-left:none !important; }
.borderRight0{ border-right:none !important; }
.borderTopGrey {border-top: 1px solid #e5e5e5; }
.borderTopGreyEEE { border-top: 1px solid #eee }
.borderTopGreyCCC { border-top: 1px solid #eee }
.borderBottom2 { border-bottom-width: 2px; border-bottom-style: solid }
.borderColorF2F2F2 { border-color: #f2f2f2 }
.borderColorF2F2F2Fade { border-image: linear-gradient(to right, #f2f2f2 92%, white 95%) 1 }
.border1Light{ border: 1px solid #eee; }
.border1lightgray{ border: 1px solid lightgray; }
.borderRadius4 { border-radius: 4px; }
.borderRadiusTop4 { border-radius: 4px 4px 0 0; }
.borderRadiusBottom4 { border-radius: 0 0 4px 4px; }
.autoWidth{width: auto;    }
.borderRadius0{border-radius: 0;}
.opacity0 { opacity: 0 !important; }
.opacityHalf { opacity: 0.5 !important; }
.opacityHalf:hover { opacity: 1 !important; }
.rotate90 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.rotate180 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate270 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.rotate360 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.faded, .fadedTrans { color: grey }
.noTextDec, .noTextDec:hover, .noTextDec:active{text-decoration: none;}
/* .noTextDec:focus {text-decoration: underline;} */
.faded, .fadedTrans, .fadedRetainColor, .fadedTransRetainColor { opacity: 0.5 }
.faded:hover, .fadedTrans:hover, .fadedRetainColor:hover, .fadedTransRetainColor:hover { opacity: 1; }
.fadedTrans, .fadedTrans:hover, .fadedTransRetainColor, .fadedTransRetainColor:hover { transition: all 0.3s }
.btnBlueShadow{ -webkit-box-shadow: inset 1px -6px 1px 0px rgba(9, 106, 159, 0.7); -moz-box-shadow: inset 1px -6px 1px 0px rgba(9, 106, 159, 0.7); box-shadow: inset 1px -6px 1px 0px rgba(9, 106, 159, 0.7); }
.btnInnerShadow{ -webkit-box-shadow: inset 0px -4px 0px 0px rgba(223, 223, 223, 0.9); -moz-box-shadow: inset 0px -4px 0px 0px rgba(223, 223, 223, 0.9); box-shadow: inset 0px -4px 0px 0px rgba(223, 223, 223, 0.9);}
.btnGrayShadow{ -webkit-box-shadow: 1px 3px 0px 0px rgba(231, 231, 231, 0.95); -moz-box-shadow: 1px 3px 0px 0px rgba(231, 231, 231, 0.95); box-shadow: 1px 3px 0px 0px rgba(231, 231, 231, 0.95); }
@media (max-width: 991px) { .padTop15-sm { padding-top: 15px; } .padBottom15-sm{ padding-bottom: 15px; } }
@media (min-width: 1200px) { .pull-right-lg { float: right !important; } .pull-left-lg { float: left !important } .dropdown-menu.pull-left-lg { right: auto !important; left: 0 !important } .dropdown-menu.pull-right-lg { left: auto !important; right: 0 !important }  }
.borderLeft0{ border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.shadow0, .shadow0:hover, .shadow0:focus, .shadow0:visited{ box-shadow: none; }
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.noBorder { border: none !important }
.dropdown:not(.almaMenuItem) .dropdown-menu { display: block; visibility: hidden; max-height: 0; overflow: hidden; padding: 0; }
.dropdown:not(.almaMenuItem).open .dropdown-menu { max-height: 999px; visibility: visible; padding: 5px 0; transition: padding 0.1s, max-height 0.9s; }
.menuIcons .dropdown-menu{right:0;left:auto;overflow:visible !important}
.glyphicon.available, .fa.available, .uxf-icon.available { color: #28A428 }
.wordBreak { word-break: break-word; word-wrap: break-word; }
/* END GENERAL */


/* #fullPageContent { position: relative; z-index: 2; } */
.contentWrap {border: none;background:#f2f2f2;height:100%;min-width:640px}
/* important content section */
/*.roundTopSection {width: 100%;margin: 15px 0 20px 0 !important;border: 0;border-radius: 5px;}*/
.formHeaderUserName {font-size: 20px;}
.formHeaderFieldCon {display: inline-block;font-weight: 300;width: 50%; text-align: left; padding-left: 7px;}
.formHeaderFieldName {display: inline-block;font-weight: 700; width: 50%; text-align: right;padding-right: 7px;}
.manageActivities {color: #4164A4; border: none;background: transparent;box-shadow: none;}
/* END important content section */
/* END overwriting your classes */
/* you need to change this class name in your code and then remove this setting */
.row {display: block !important;}

/**SUMMARY SECTION***/
.newTabsStyleB + .summarySection{width:96%}
.summarySection{position:relative}
.summarySection:not(.yellowSection):not(.greySection) .form-field button{height: 26px !important}
/* .summarySection.fullWidth{width:98%} */
.summarySection:not(.fullWidth){float:left}
.summarySection:nth-child(1){float:right}
.summarySection .media-left{padding-left:13px}
.summarySection.greySection.noBorder,
.summarySection.greySection.noBorder:hover,
.summarySection.noBorder, .summarySection.noBorder:hover{padding-top: 1px;padding-bottom: 0px;background: #f3f7f8;  margin-top:0;border: 1px solid #f3f7f8 !important;}
.summarySection.noBorder.yellowSummary,
.summarySection.noBorder.yellowSummary:hover,
.summarySection.yellowSection.noBorder,
.summarySection.yellowSection.noBorder:hover,
.yellowSection.noBorder, .yellowSection.noBorder:hover {background-color: #fdf8e4;padding-left:20px;/*border: 1px solid #e0e0e0 !important;*/}
.summarySection:not(.yellowSection):not(.greySection){box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;}
.summarySection.noBorder.blueSummary, .summarySection.noBorder.blueSummary:hover {background-color: #e6faff;margin-bottom: 14px; margin-top: 14px;}
.summarySection:not(.yellowSection):not(.greySection) .panel-body{ margin-bottom: 10px !important;   margin-top: 10px !important;margin-bottom:11px/* padding-bottom: 11px !important; */}
.summarySection:not(.yellowSection):not(.greySection) .control-label{text-align:left !important;height:15px !important; font-weight:bold !important;padding-left:0px;/*white-space:nowrap;*/overflow:hidden}
.summarySection:not(.yellowSection):not(.greySection) .form-field{margin-left:0px !important;padding-left:0px !important;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.summarySection:not(.yellowSection):not(.greySection) .form-field:not(.wrap){line-height:1.2em !important;font-weight:initial !important;}
.summarySection:not(.yellowSection):not(.greySection) .form-field.lineHeight34{line-height: 34px !important}
.summarySection:not(.yellowSection):not(.greySection) .form-field.thubmnailContainer{overflow:visible}
.summarySection:not(.yellowSection):not(.greySection) .form-field button{/*height:15px;*/ line-height:15px}
.summarySection.wrapAll .control-label, .summarySection.wrapAll .form-field, .summarySection .wrap {white-space: normal !important}
.summarySection .auditFieldContainer .fieldName{text-align:left;    float: left;}
.summarySection .auditFieldContainer{float: left;width: 100%;}
.summarySection.split{float:left}
.summarySection:not(.fullWidth) + .panel:not(.summarySection){clear:both}
.summarySection .btn-link{padding:0}
.summarySection.blueSummary .btn-link{color:#4c78db; top: -1px;}
.summarySection.noBorder.blueSummary .panel-body{margin-top: 10px ! important; margin-bottom: 5px ! important;}
.summarySection .listAsForm{border:none}
.summarySection .listAsForm > table{margin-bottom:0px;border:0}
.summarySection .listAsForm > table{overflow:scroll}
.summarySection .listAsForm > table tr{background:none !important}
.summarySection .listAsForm > table tr > td{padding:0px;background:transparent}
.summarySection .listAsForm > table.table-hover > tbody > tr:hover td{background:transparent !important}
.summarySection .listAsForm.ellipsisTableOverflow > table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 1px;  }
.summarySection .listAsForm table > tbody > tr > td:not(:last-child){border-right:none;vertical-align:top;padding-right:3px;padding-top: 1px;}
.summarySection .almaList > .upperActions{display:none !important}
.summarySection.yellowSection > .panel-body, .yellowSection > .panel-body, .greySection > .panel-body{margin:8px 0 2px 0 !important}
/*.summarySection .media-body{padding-left:15px}*/
.summarySection .media-body .formTitle .form-field{white-space:normal !important;}
.yellowSection{padding:5px}
.summarySection:not(.yellowSection):not(.greySection) .btn {padding-top:2px !important; padding-bottom:1px !important;box-shadow:none}
.popupinfo.popover{position: absolute;display: block;float: left;padding-left:0 10px;}
.popupinfo.popover > .form.row{margin:0;overflow:hidden;text-overflow:ellipsis}
.popupinfo.popover > .form.row .form-field, .popupinfo.popover > .form.row .control-label{line-height:1.2em;height:auto !important;}
.popupinfo.popover > .form.row .form-field a{word-break:break-all;}
.popInfoContainer.maxWidthInitial .popupinfo { max-width: initial; }
.popInfoContainer.wordBreak .popupinfo { word-break: break-word; word-wrap: break-word; }
.popInfoContainer.wordBreakAll .popupinfo { word-break: break-all; }
.popInfoContainer.wordBreakAll .popupinfo .row label.col { word-break: initial; }
.popInfoContainerUserDetails .popover { max-width: initial ;min-width:350px;}
.mandatoryIcon:after{ color: red; content:'*'; position: absolute; right: -5px }
.formThumbnail{width:auto !important;padding-right:20px}
@media (min-width: 1200px){
	.formThumbnail { max-width: 8.33333333%;}
	.summarySection.split{width:74% !important}
}
@media (min-width: 992px){
	.rightAlignedColumn{text-align:right}
}
@media (max-width:992px){
	.formThumbnail {max-width: 16.66666667%;}
	.formThumbnail .form-field{margin-bottom:7px}
	.rightAlignedColumn.pull-right{clear:both !important;}
	/* .summarySection.split{width:100%} */
}
.formThumbnail .thubmnailContainer{width:70px;height:100px;background: #fcfeff; box-shadow: -2px 3px 12px #ccc;padding:5px;left:-16px;top:0}
.formThumbnail .thubmnailContainer img{object-fit: contain;width:60px; margin-left: 5px;}
.formThumbnail .thubmnailContainer.medium{height:130px;width:100px}
.formThumbnail .thubmnailContainer.large{height:150px;width:120px}
.formThumbnail .jobReport {min-width: 100px; min-height: 100px; white-space: normal;text-align: center; box-shadow: none;}
.formThumbnail .jobReport.statusSuccess{background: url(/infra/images/icon_success_big.png) no-repeat center top;}
.formThumbnail .jobReport.statusAlert{background: url(/infra/images/icon_alert_big.png) no-repeat center top;}
.formThumbnail .jobReport.statusError{background: url(/infra/images/icon_error_big.png) no-repeat center top;}
.formThumbnail .marbottom7{margin-bottom:0}
.formThumbnail .control-label{display:none}
.formThumbnail .form-field{overflow:visible;height:auto}
.formTitle{font-size: 20px; margin-bottom: 5px; border-bottom: 1px solid #e4e4e4; padding-bottom: 7px;}
.formTitle .control-label{display:none}
.formTitle .form-field{padding-left:0px;line-height:21px !important}
.formSecTitle{font-size:18px; }
/* .formSecTitle .control-label{display:none}
.formSecTitle .form-field{padding-left:0px} */
.summarySection .entityAudit{position: absolute;left: 98%; margin-top: -12px;}
.summarySection .entityAudit > span.uxfBlue {z-index: 1}
/** FORM INPUTS **/
.form label{position:relative;margin-bottom:0}
.form .row .form-field, .form-summary .row .form-field{line-height:34px;display:inline-block;font-weight:bold}
.form-field fieldset{border:1px solid #D7DDE3;padding-left:20px;border-radius:4px}
.form-field > .input-group-btn > button.single-button{border-radius:4px}
.form .form-field .radio-field-label{padding-left:10px;}
.form .form-field.fontBold .radio-field-label{font-weight:bold}
.form .form-field.fontReg .labelField{font-weight:400}
.checkbox input,.radio input,.radio-inline input, .checkbox-inline input {margin-top: 1px; /*height:35px; line-height:35px*/}
.form .single-checkbox.checkbox {margin-bottom:0;margin-top:13px}
.form label.visibility-hidden + .form-field > .single-checkbox.checkbox {margin-bottom:0;margin-top:0px}
.form .radio-inline{/*margin-bottom:10px*/}
div.styled-radio.radio-inline:first-of-type{margin-left:0 !important}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{margin-left:10px }
.checkbox-inline+.checkbox-inline.col, .radio-inline+.radio-inline.col{margin-left:0 }
.form-field > div > div.radio:nth-child(1){margin-top:0px}
.form-field > div > div.radio:not(.radio-inline){padding-left:10px}
table div.styled-checkbox.checkbox, table div.styled-radio.radio{padding:0;margin:0;margin-left:6px !important;top:7px;}
table th div.styled-checkbox.checkbox, th table div.styled-radio.radio {margin-left:3px !important}
.typeD table td.draggableColumn {text-align:center; width:2em;}
.typeD table td.draggableColumn:hover{cursor:move;}
.typeD table th.draggableColumn { text-align:center; padding-left:6px;padding-right: 6px;width:2em;}
.typeD table.jsDraggableRowsList tr:hover td.draggableColumn i{color:#555}
.ui-combobox.focused:not(.alma-combobox){border-color: #0E7BBA;box-shadow:0px 0px 0 rgba(0,0,0,.075), 0 0 0 1.5px #065786;border-radius:3px}
.ui-combobox.has-error{box-shadow: 0px 0px 0 rgba(0,0,0,.075), 0 0 0 1.5px #aa2919; border-radius:3px;}
.ui-combobox.has-error > input{ color: #a01100 }
.ui-combobox.has-error > .tooltip > .tooltip-inner { background-color: #ffeae7; border: 1px solid #ff9ba1; color: #a01100; }
.ui-combobox.has-error > .tooltip.bottom > .tooltip-arrow  { border-bottom-color: #ff9ba1;  }
.ui-combobox.has-error > .tooltip.top > .tooltip-arrow  { border-top-color: #ff9ba1;  }
.ui-combobox.has-error > .tooltip.right > .tooltip-arrow  { border-right-color: #ff9ba1;  }
.ui-combobox.has-error > .tooltip.left > .tooltip-arrow { border-left-color: #ff9ba1;  }
.ui-combobox .dropdown-toggle:not(:disabled){background:#fff; box-shadow:inset 0 2px 2px -1px rgba(0,0,0,.075);border-left:none;border-radius:0  4px 4px 0}
.ui-combobox input[type="text"]{border-right:none;z-index:0}
.ui-combobox.focused input, .ui-combobox.focused button,
.ui-combobox.has-error input, .ui-combobox.has-error button {box-shadow:none;border:none}
.ui-combobox button:focus{color:#065786}
.ui-combobox.disabled .comboboxInputContainer, .ui-combobox.disabled input.ui-autocomplete-input { pointer-events: none; }
.ui-combobox.disabled {color: inherit; background: #dadada;}
.ui-datepicker{ position: absolute; width:255px; right: 15px; top: 35px; z-index: 1000 !important; }
.ui-combobox-ul.ui-autocomplete { max-height: 0;overflow:hidden;transition: max-height 0.6s;}
.ui-combobox-ul.ui-autocomplete.opened { max-height: 500px; }
.ui-combobox-ul.ui-autocomplete.openedNoTrans { max-height: 500px; transition: none }
.ui-autocomplete li.ui-menu-item {color: #333; margin: 0; border: none; padding:6px 12px}
.ui-autocomplete li.ui-state-focus {color: initial; background: #f5f5f5; margin: 0; border: none; cursor:pointer}
.ui-combobox-ul.ui-autocomplete li.ui-menu-item { min-height: 30px; padding:0px }
.ui-combobox-ul.ui-autocomplete li.ui-menu-item.selectedItem a { font-weight: bold; text-decoration: underline }
/* .ui-combobox-ul.ui-autocomplete li.ui-state-focus {color: initial; background: initial} */
.ui-autocomplete {z-index:1201 !important}
.visually-hidden {margin: -1px; padding: 0;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip: rect(0, 0, 0, 0);position: absolute;}
.divLightGrayBtn{ -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2); }
.padBottom5{ padding-bottom: 5px; }
.padBottom10{ padding-bottom: 10px; }
.currency select{border:none; background:none; outline:none;cursor:pointer}
.currency .input-group-addon{padding-bottom:5px;}
.attached-fields.input-group{width:100%}
.attached-fields .pickupControls + .submitUrl, .attached-fields .pickupControls + .linkNoValue{/*position:absolute;*/white-space:nowrap;padding-left:5px}
.attached-fields > .submitUrl ~ a {margin-left:10px}
.attached-fields > .submitUrl:first-child{margin-right:5px}
.attached-fields > .submitUrl ~ .input-group-btn{display:inline-block}
.attached-fields > .submitUrl ~ .input-group-btn button{border-radius:4px}
.attached-fields .pickupControls + .input-group-btn{font-size: initial; }
.attached-fields .pickupControls > button , .attached-fields .pickupControls > button:hover{border-radius:0}
.attached-field-btn {font-size:medium; padding-left:10px}
.attached-field-btn > .input-group-btn > button{margin-left:-12px !important;border-radius:0}
.attached-field-btn > .input-group-btn:last-of-type > button{margin-left:-12px !important;border-radius:0 4px 4px 0}
.attached-fields .input-group.ui-combobox .btn{border-radius:0}
.attached-fields .input-group-btn > .submitableIconsInForm{margin-left:5px;font-size:initial}
.attached-fields > .labelField:first-child{float:left}
.attached-fields > .labelField ~ .input-group-btn{float:left; margin-left:10px;font-size:inherit;}
.attached-fields > .input-group-btn > .labelField{margin-left:10px;font-size:initial}
.attached-fields > .input-group-btn.fileField > .input-group-btn{position:absolute;bottom:0}
.attached-fields .textField ~ .input-group-btn.attachedTextField{width:50%}
.attached-fields .textField ~ .input-group-btn .textField{background:#fff}
.attached-fields > .submitableIconsInForm ~ .submitUrl{padding-left:5px}
.thubmnailContainer > .attached-fields > img + .submitableIconsInForm{position:absolute; top: -14px; left: 54px;}
.text-attached-to-combo .attached-fields .attached-field-to-combo { width: 60%; }
.text-attached-to-combo .attached-fields .attached-field-to-combo .textField { width: 100%; background: #fff }
.attached-fields > .input-group-btn.attached-field-btn { padding-left: 0 }
.dateTime.dateField{padding-right:0}
.dateTime.dateField .input-group-addon{border-radius:0}
.dateTime.timeField input{border-radius:0 4px 4px 0}
.dateTime.timeField{padding-left:0}
.dateTime.timeField .jsTimeField{border-radius:0}
.iconColumn{width:24px}
.txtInnerLabel{font-size:14px;color:#c0c0c0; width:40%; text-align: right;padding-right: 5px;}
.txtInnerLabel + .textField{width:60%;border-radius:4px !important}
td .labelField ~ .labelField,td input ~ .labelField, td input ~ input{display:block;}
td .additionalFields{margin-top:5px;}
/** END FORM INPUTS **/

/** TABLE **/
.mainContainer table:not(.calendar-table) th { color: inherit; height: auto;}
.table .checkbox,.table .radio {margin: 0;}
.height34 {height: 34px;}

/* table design */
.mainContainer table{font-size: 14px;}
.mainContainer table:not(.table-condensed) th{color: #fff !important;	font-weight: 400;}
.typeD table:not(.table-condensed) th input{color: #fff !important;}
.mainContainer table > tbody > tr > td{border:0;padding: 6px 6px;vertical-align: middle;}
.mainContainer table td ul{	margin-bottom: 0;}
.mainContainer table input[type=checkbox], .mainContainer table input[type=radio]{	margin-left:auto;	margin-right:auto;}
.mainContainer table.jsCustomizableList td a.ellipsis{	color:#1990DE;	text-decoration: none;}
/* .typeD table tbody tr:hover, .typeD2 table tbody tr:hover { */
/* 	background-color: #D8D8D8; */
/* } */
/** PAGINATION **/
.pagination>li>a, .pagination>li>span{
    /* margin: 0 2.5px; */
   /*  border-right: none;
    border-left: none; */
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    margin-left: 0px !important;
}
.pagination>li:nth-last-child(2)>a, .pagination>li:nth-last-child(2)>span{
    border-right: thin solid #ccc !important;
    border-radius: 0 4px 4px 0!important;
}
.pagination>li:nth-child(1)>a, .pagination>li:nth-child(1)>span{
	border-left:thin solid #ccc;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ddf0fe;
    border-color: #ccc;
    color: #56636c;
    font-weight: 500;
}
.paginationBtnDisabled{
    cursor: default;
    color: #d9d9d9 !important;
}
.pagination>li>a.paginationBtnDisabled:hover{
    background-color: #fff !important;
    color: #d9d9d9 !important;
}

/** SECTIONS **/
.section.panel-default { border-radius: 5px; margin-bottom: 10px; /*margin-bottom: 30px;*/ box-shadow: none; }
.section.panel-default:not(.summarySection){width: 98%;}
.section.panel-default > .panel-heading { position: relative;background: #eee; padding: 0; /*border: 2px solid white;/*box-shadow: 0px 2px 5px -2px grey; */border-radius: 5px 5px 2px 2px; }
.section.panel-default > .panel-heading a  {box-shadow:none; display: block; width:100%; color: #fff; font-size: 14px; padding: 7px 15px; text-decoration: none; text-align: left; border-radius: 5px; }
.section.panel-default > .panel-heading a > span { color: #555555; }
.section.panel-default > .panel-heading a.non-collapsible { pointer-events: none; }
.section.panel-default > .panel-heading a span.glyphicon { transition: 0.5s; margin: 3px 5px; }
.section.panel-default > .panel-heading a:not(.collapsed) > span.glyphicon { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); transition: 0.5s; }
.section.panel-default > .panel-heading .panel-title .popupIcon { margin: 12px }
.section.panel-default .panel-body { padding: 0 15px; }
.section.panel-default.noPaddingNoMargin{padding:0;margin:0}
.section.panel-default.noPaddingNoMargin .panel-body {padding:0;margin:0 !important}
/** END SECTIONS **/

/** TABS **/
ul.nav-tabs > li > a { background: #eee; text-decoration: none; color: #4164A4; margin: 0 3px; border-bottom: none; }
ul.nav-tabs > li > a > .icon { margin-left: 5px; margin-right: 5px; }
ul.nav-tabs > li > a:hover { background: #f5f5f5; }
ul.nav-tabs > li.tabHasContent:not(.disabled)::after { content: ''; position: absolute; top: 0; right: 3px; width: 0px; height: 0px; border: 7px solid transparent; border-radius: 0 0 0 4px; z-index: 0; border-color: #fff #fff #337ab7 #337ab7; }
.newTabsStyleB > ul.nav-tabs li img { position: relative; top: -2px }
.newTabsStyleB > ul.nav-tabs li.active img { filter: grayscale(100%); opacity: 0.8 }
.newTabsStyleB ~ .almaList{margin-top:5px;}
/*** Keep temporarily until a final decision is made ***/
/* ul.nav-tabs > li.tabEmpty::after, ul.nav-tabs > li.tabHasContent::after { content: ''; position: absolute; top: 0; right: 3px; width: 0px; height: 0px; border: 7px solid transparent; border-radius: 0 0 0 4px; z-index: 1; } */
/* ul.nav-tabs > li.tabEmpty::after { border-color: #fff #fff #ccc #ccc; } */
/* ul.nav-tabs > li.tabHasContent::after { border-color: #fff #fff #337ab7 #337ab7; } */
/** END TABS **/

/** TABLES **/
.upperActions  .simpleSearch > .input-group > .input-group-btn:nth-child(1)  { left: 2px }
.upperActions   .input-group-btn > select { min-width: 50px; max-width: 250px; text-align: left; border: 1px solid #ccc; height: 34px; background: #eee; padding-right: 18px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.upperActions  .input-group-btn > select::-ms-expand { display: none; }
.upperActions  .input-group-btn > select ~ .caret { position: absolute; right: 10px; top: 50%; z-index: 3 }
.upperActions  .input-group-btn > select:hover,.upperActions .input-group-btn > select:focus { color: inherit; background: #fff }
.upperActions .toolsAction{border-left:1px solid #efefef;margin-top:2px}
ul.tableActions { list-style-type: none; display: inline-block; margin: 0 }
ul.tableActions > li:not(:last-child) { margin: 0 3px; }
ul.tableActions > li:last-child { margin: 0 0 0 3px; }
/* ul.tableActions > li > .btn-link { margin: 2px 0; } */
th.date, td.date { text-align: left; }
.typeD table > thead > tr > th { padding: 5px 0; padding-left: 10px; vertical-align: middle; /*font-weight: bold*/ }
.typeD table th.dragHandler:hover, table th.sortable:hover { background-color: #0c6599 !important; transition: background-color 0.2s; }
.typeD table th input.sort { text-decoration: none; border:none; /*padding-right: 20px; padding-left: 0;*/ color: #fff; background: transparent; /*font-weight: bold;*/ /*text-shadow: 0 -1px #092147;*/ }
.typeD table th input.sort + .uxf-icon { color: white; }
.typeD table > tbody > tr > td { vertical-align: middle }
.typeD table > tbody > tr > td:not(:last-child) { border: 0; border-right: 1px solid #efefef }
.typeD table.table-hover > tbody > tr:hover > td { background-color: #ffffcc }
.typeD table > tbody > tr > td.chosen { border-left: 3px solid #0E7BBA }
.listActionContainer .dropdown-toggle { width: 100%; overflow: hidden; background:#eee; box-shadow: inset 0 -3px 0 #ddd; color: inherit; border: 1px solid #c8c8c8 }
.listActionContainer .dropdown-menu  a { color: inherit; text-decoration: none }
.listActions a.btn.btn-secondary { width: 100%; overflow: hidden; }
td.listActionContainer { overflow:visible !important; text-align: center }
td.listActionContainer > .btn-group { width: 100%; }
/* td.listActionContainer > .btn-group { width: auto; } */
/* td.listActionContainer > .btn-group > button { padding: 15px !important } */
td.listActionContainer > .btn-group.singleAction { display: none }
/* td.listActionContainer[max-width~="40px"] > .btn-group > button { padding: 0 } */
/* td.listActionContainer[max-width~="81px"] > .btn-group.singleAction { display: inline-block } */
/* td.listActionContainer[max-width~="80px"] > .listActions { display: none } */
/* td.listActionContainer[max-width~="80px"] > .btn-group { max-width: 35px; } */
/* td.listActionContainer[max-width~="80px"] > .btn-group > button { padding-top: 15px; padding-bottom: 15px; } */
/* td.listActionContainer[max-width~="80px"] > .btn-group .hidden-xs.hidden-sm { display: none } */
/* td.listActionContainer[max-width~="100px"] > .btn-group > button { padding-right: 0; padding-left: 0 } */
td.listActionContainer > .btn-group.open > .dropdown-toggle.btn-default { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }
td.listActionContainer > .btn-group > ul.dropdown-menu, .listContextMenu > ul.dropdown-menu { display: block; visibility: hidden; max-height: 0; overflow: hidden; padding: 0; /*transition: padding 0.3s, max-height 0.3s, visibility 0s 0.3s*/;}
td.listActionContainer > .btn-group.open > ul.dropdown-menu , .listContextMenu.open > ul.dropdown-menu { max-height: 999px; visibility: visible; padding: 5px 0; transition: padding 0.1s, max-height 0.9s; }
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .typeD table th input.sort + .uxf-icon,
.recordNavPanes table th input.sort + .uxf-icon { color: #555; }
/* .configurationPageContent .typeD table > thead > tr > th { background-color: #5f5f5f !important; color: #fff !important; } */
/* .configurationPageContent .typeD table > thead > tr > th:hover { background-color: #4f4f4f !important; } */
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .typeD table > thead > tr > th,
.recordNavPanes table th  { background-color: #e4e4e4 !important; color: #555 !important; }
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .typeD table > thead > tr > th.dragHandler:hover,
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .typeD table > thead > tr > th.sortable:hover,
.recordNavPanes table tr > th.dragHandler:hover,
.recordNavPanes table tr > th.sortable:hover { background-color: #eee !important; transition: background-color 0.2s; }
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .typeD table > thead > tr > th input,
.recordNavPanes table > thead > tr > th input { color: #555 !important }
.linkActionWidget .control-label{ width:auto !important; text-align:left;padding-left:15px;white-space: normal}
.linkActionWidget .control-label .mandatoryIcon:after { position: relative; right: 0 }
.linkActionWidget .col-md-0{display:none !important}
.linkActionWidget .infoLabel{margin-left:0}
.linkActionWidget .labelField{white-space:normal}
ul.linkActionWidget.defaultWidth.dropdown-menu{width:320px}
th > .headerText { position: relative; display: inline-block; }
th > .headerText > input.sort { padding-left: 15px }
th > .headerText > .headerSortIcon { position: absolute; line-height: 20px; margin: auto; left: 0; top: 50%; transform: translateY(-50%) }
/** END TABLES **/

/** PAGINATION **/
div.typeD > nav { text-align: center }
ul.pagination { padding: 5px 10px;}
ul.pagination > li.jumpToPageContainer { position: relative; display: inline-block; margin: 0 0 0 20px;}
ul.pagination > li.jumpToPageContainer > input.form-control {width: 100px; min-width: 100px; display: inline; text-align: center }
ul.pagination > li.jumpToPageContainer > div.alert { position: absolute; left: -13%;top: -233%;}
/** END PAGINATION **/

/** Well (fieldset) **/
.form.well{padding:10px;margin:10px;position:relative}
.form-summary.well{margin:0}
.form.well .well-header{font-weight:bold;padding-bottom:5px;margin-bottom:10px;border-bottom:1px #ccc solid;}
.section.panel-default > .panel-heading + .panel-collapse > .panel-body .form-summary { border-radius: 0 }
/*Temporary - need to remove*/
/****/

/** Summary **/
.form-summary .first-field .control-label,.form-summary .first-field .form-field{font-size:17px;font-weight:bold;padding-left: 0;}
.form-summary .first-field .control-label{display:none}
.form-summary {border:none;margin:0;}
.form-summary .first-field-image{min-height:90px/*need this for vertical align*/}
 /* .form-summary label:not(.col-md-0), .form-summary .form-field{line-height:20px !important; height:20px !important} */
.form-summary label{text-align:left !important }
.form-summary .col-md-0 + .form-field{padding-left:0}
/* div.control-label {margin-bottom: 5px} */
/** End Summary **/

.buttonSeparator { border-left:1px solid #efefef }

/** File Upload Field**/
.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.file-object{margin:0 0 -5px;padding:0}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all;white-space:normal}.input-group-lg .file-caption-name{height:25px}.file-zoom-dialog{text-align:left}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre,.file-error-message ul{margin:0;text-align:left}.file-preview-frame,.file-preview-other{text-align:center;vertical-align:middle}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:5px;width:100%;margin-bottom:5px}.file-preview-frame{position:relative;display:table;margin:8px;height:100px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left}.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.file-preview-image{vertical-align:middle}.file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.file-zoom-dialog .file-preview-text{font-size:1.2em}.file-preview-other{left:0;top:0;right:0;bottom:0;margin:auto;padding:10px}.file-preview-other:hover{opacity:.8}.file-actions,.file-other-error{text-align:left}.file-other-icon{font-size:4.8em}.file-zoom-dialog .file-other-icon{font-size:8em;font-size:55vmin}.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file{display:none}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-actions{margin-top:15px}.file-footer-buttons{float:right}.file-upload-indicator{display:inline;cursor:default;opacity:.8;width:60%}.file-upload-indicator:hover{font-weight:700;opacity:1}.file-footer-caption{line-height:1em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto}.file-preview-error{opacity:.65;box-shadow:none}.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:40px;padding:85px 10px}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}.file-thumbnail-footer{position:relative}.file-thumb-progress{height:10px;position:absolute;top:35px;left:0;right:0}.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}.file-zoom-fullscreen .modal-body{overflow-y:auto}.file-zoom-dialog .modal-body{position:relative!important}.file-zoom-dialog .btn-navigate{position:absolute;padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}.file-zoom-dialog .floating-buttons{position:absolute;top:5px;right:10px}.floating-buttons,.floating-buttons .btn{z-index:3000}.file-zoom-dialog .kv-zoom-actions .btn,.floating-buttons .btn{margin-left:3px}.file-zoom-dialog .btn-navigate:not([disabled]):focus,.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.5}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-drag-handle{display:inline;margin-right:2px;font-size:16px;cursor:move;cursor:-webkit-grabbing}.file-drag-handle:hover{opacity:.7}.file-zoom-content{height:480px;text-align:center}.file-preview-initial.sortable-chosen{background-color:#d9edf7}.file-preview-frame.sortable-ghost{background-color:#eee}.btn-file ::-ms-browse{width:100%;height:100%}
.btn-file,.fileinput-remove{padding:9px;}
/** End File Upload Field**/

/** AUTOCOMPLETE **/
.ui-autocomplete { box-shadow: 0 3px 10px -3px #555 }
.ui-autocomplete-loading {background: url("/infra/images/jquery-ui/ui-anim_basic_16x16.gif?version=March2018") no-repeat scroll right 5px center white !important;}
.ui-autocomplete-loading-error {background: url("/infra/branding/icons/icon_error.png?version=March2018") no-repeat scroll right 5px center white !important;}
.ui-autocomplete-category { font-size: 16px; color: #777; margin: 2px 0; padding: 3px 1em 3px .4em; font-weight: normal; line-height: 20px }
.ui-autocomplete-category:not(:first-child),
.ui-menu-item.selectionHistoryItem.last + .ui-menu-item,
.ui-menu-item.selectionHistoryItem.last + .ui-autocomplete-category,
.ui-menu-item.selectionHistoryItem.last + .comboboxCategories { border-top: 1px solid #ccc; padding-top: 6px; }
/* .ui-menu-item.selectionHistoryItem.last, .ui-menu-item.selectionHistoryItem.last { margin-bottom: 10px !important } */
 /* .selectionHistoryItem.ui-menu-item { padding-left: 1.1em } */
/** END AUTOCOMPLETE **/

.columnList > ul > li *, .columnList > .ul > .li * {cursor: pointer;display: inline-block;margin: 0;width: 10px;}
.columnList > ul > li, .columnList > .ul > .li {padding: 10px; cursor: pointer;line-height: 18px;height: 38px;}
.columnList > ul > li:hover, .columnList > .ul > .li:hover {background: #f5f5f5}
.columnList div.styled-checkbox.checkbox { margin: 0 0 0 10px !important }

/** PICKUP **/
/* button.pickup > .uxf-list { top: 1px; left: 2px } */
/* button.pickupReset { opacity: 0.7; z-index: 3 } */
/* button.pickupReset:hover { opacity: 1 } */
/* .pickupReadOnly > button.pickupReset { background: #eee; box-shadow: inset -1px 1px 1px rgba(0,0,0,.075); } */
/* .pickupReadOnly { display: inline-block; width: 100%; float: left;padding-right: 80px; } */
/* .pickupReadOnly.pickupWhenSelected { border-right: none } */
/* .pickupReadOnlyControls { position: absolute; right: 15px; } */
/* .pickupReadOnly + button.pickupReset { padding-left: 5px; padding-right: 5px; margin-left: 5px; } */
/* .input-group + button.pickupReset { position:absolute; padding: 9px; top:0; right:50px; } */
/* .input-group.hasTwoButtons + button.pickupReset { right:80px; } */
button.pickup { padding-right: 8px; padding-left: 8px;}
/* .pickupReset > .uxf-icon { opacity: 0.7 } */
/* .pickupReset:hover > .uxf-icon { opacity: 1 } */
.pickupReset, .pickupReset:hover { border-radius: 4px; height: 34px; border: 1px solid #ccc; background: white; box-shadow: inset -1px 1px 1px rgba(0,0,0,.075) !important; border-left: none; }
.pickupWhenSelected { box-shadow: inset 1px 1px 1px rgba(0,0,0,.075) }
/* .input-group input.pickupWhenSelected { padding-right: 50px; } */
.input-group input.pickupWhenSelected.ui-autocomplete-loading,
.input-group input.pickupWhenSelected.ui-autocomplete-loading-error { background-position: right 30px center !important; }
.btn-group .showSH > .tooltip.top { top: -50px !important }
.attached-fields .input-group + button.pickupReset{right:130px}
input.readOnlyPickup[readonly]:not([disabled]) { background: white; cursor: pointer }
input.readOnlyPickup::-webkit-input-placeholder { color: #1b3c72 }
input.readOnlyPickup:-ms-input-placeholder { color: #1b3c72 }
input.readOnlyPickup::-moz-placeholder { color: #1b3c72 }
/** END PICKUP **/

/** LIGHTBOX **/
.modal-content .section.panel-default{margin:0;width:100%}
#modal{width:100%;}
.ui-draggable-handle{cursor:move}
.modal-footer{position:absolute;bottom:0px;background :#fff;width:100%;z-index:2}
.modal-body{overflow:auto;width:100%;padding-bottom: 80px;}
.modal-content{overflow:hidden;min-height:130px;min-width:50px}
.modal-header{width:100%}
#modal, .modal-open .modal { z-index: 1400; }
.modal-open .modal-backdrop { z-index: 1340; }
#iframePopup { overflow-y: auto }
#iframePopup .modal-dialog { width: 80%; margin-top: 60px }
#iframePopup .modal-header > button { position: absolute; right: 2%; top: 40%; }
#iframePopup .modal-body { width: 100%; height: 100%; min-height: 400px; padding: 0; padding-bottom: 100px; }
/**END LIGHTBOX **/

/**** BREADCRUMBS ****/
.crumbsContainer {display:table-cell;vertical-align: middle;}
.crumbsContainer .pageTitle{ font-size: 20px;  /*transition: 0.2s;*/  color: #777777;}
.crumbsContainer .pageTitle.withSearch {padding-right: 10px;border-right: 1px solid #efefef; margin-right: 5px;}
.breadcrumbsWrapper.affix,.breadcrumbsWrapper.fixedPos{transition:box-shadow 0.5s, border-bottom 0.5s;top:52px;background: #fff; z-index:4;  -webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.2);}
.breadcrumbsWrapper{border-bottom: 1px solid #e3e3e3;/*margin-bottom:10px;*/box-shadow:none;transition:box-shadow 0.5s, border-bottom 0.5s;background: #fff;}
/* .breadcrumbsWrapper .searchString{display:none;padding-left:20px} */
.breadcrumbsWrapper .searchString{display:inline-block; transition:all 0.7s;}
.breadcrumbsWrapper .searchString .breadCrumbsLIneEllipsis{
	display: block;
  display: -webkit-box;
  margin: 0 auto;
  max-width:100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  line-height: 14px;

}
/****/
/**PAGE BUTTONS**/
.pageButton.input-group-btn{width:auto}
.btnWrapper .input-group.ui-combobox{float:left;display:inline-flex}
.btnWrapper .input-group.ui-combobox > .input-group-btn{width:auto}
.btnWrapper .input-group.ui-combobox .btn{border-radius:0}
.btnWrapper .btn-link{color:#337ab7}/*This is bootstrap color: we didn't like the UXF's color*/
.btnWrapper .dropdownWithButton .btn-link{border: 1px solid #ccc;border-radius:0 4px 4px 0;}
/*.btnWrapper .dropdownWithButton .ui-combobox{width:82.8%}*/
.btnWrapper .pageButton.btn-secondary{background:#fff;border:1px solid #d6d6d6;}
.btnWrapper .btn{box-shadow:none}
.btnWrapper .pageButton.btn-secondary:hover, .btnWrapper .pageButton.btn-secondary:focus{background:#0E7BBA;color:#fff}
/**PAGE BUTTONS**/

/* .newTabsStyleB + div.panel:nth-of-type(1):nth-last-of-type(1) > .panel-heading{display:none} */
@media (min-width: 992px){
	.wide-field-1 > .row > .control-label, .wide-field-2 > .row > .control-label{width:12.5%}
	.wide-field-3 > .row > .control-label{width:8.3%}
	.wide-field-1 > .row > .form-field, .wide-field-2 > .row > .form-field{width:83.33333333%}
	.wide-field-3 > .row > .form-field{width:88.8%}
	/* .col-md-4 .control-label{width:37.5%} */
	.col-md-0{width:0;padding:0;margin:0;display:none}
	label.col-md-0 + .form-field{padding-left:0px !important}
	.linkActionWidget label.col-md-0 + .form-field{padding-left:15px !important}
}
.emptyPlaceholder .control-label, .emptyPlaceholder .form-field { height: 0 !important; display: block !important; }

/** ERROR/INFO **/
#screenMsgContainer > div, #popupError{margin: 0px auto; width: 95%;}
#screenMsgContainer > div > ul, #popupError > ul{list-style:none;}
.infoErrorMessages > ul{list-style:none;}
.splitToolCol #screenMsgContainer { background: #fff }
.splitToolCol #screenMsgContainer ul, .splitToolCol #screenMsgContainer ul .alert { margin: 0 }
.splitToolCol #screenMsgContainer ul { display: inline-block; width: 100% }
.splitToolCol #screenMsgContainer ul .alert { margin-top: 10px; margin-bottom: 10px; }
/** END ERROR/INFO **/

/** Hidden Actions **/
.innerActionsUL {list-style:none; border-bottom: 1px solid rgb(204, 204, 204);}
.innerActionsUL > li{padding-left:15px;}
.upperActionsList {overflow: hidden; /*height: 40px;*/}
.upperActionsRight {white-space: nowrap; position: relative;}
.hiddenActions > .caretCollapser .caret { transition: 0.1s; }
.hiddenActions > .caretCollapser.collapsed .caret { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); transition: 0.1s; }
.usedToBeLinkWidget > button.close {display:none;}
/** END Hidden Actions **/

.affixedElementPlaceholder { display: none !important }
.affix + .affixedElementPlaceholder { display: block !important; visibility: hidden !important }

.cursor-pointer{cursor: pointer;}

/* .tableFilters .input-group-btn { float: left; }*/
/* .tableFilters button { border:1px solid #BECAD5; box-shadow: none !important; }*/
/* .tableFilters input, .tableFilters .form-control:focus { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; min-width: 100px !important; box-shadow: none !important; } */
/* .tableFilters > ul.dropdown-menu { width: 320px } */
/* .tableFilters ul.dropdown-menu { overflow: visible !important; max-height: 999px !important; } */
/* .tableFilters > .dropdown-menu, .tableFilters > .dropdown-menu.open { max-height: 999px; overflow: visible } */
/* .tableFilters .dropdown-submenu .dropdown-menu:not(.ui-autocomplete-list-wrapper), */
/* .tableFilters .dropdown-submenu .dropdown-menu.opened:not(.ui-autocomplete-list-wrapper) { max-height: 200px !important; overflow-y: auto !important } */
.input-group > .input-group-btn > input { background-color: #eee }
.marginContainer .tableFilters { }
/* .tableFilters > div:not(:first-of-type) { margin-left: 20px }  */
.tableFilters { padding: 0 5px; }
.listTypeTable .tableFilters { padding: 0; }
.tableFilters .tableFilter { padding: 0 10px; }
.tableFilters .comboFilterContainer > .ui-combobox:not(.focused) .ui-combobox-input,
.tableFilters .comboFilterContainer > .ui-combobox:not(.focused) .input-group-btn .btn { background: transparent; box-shadow: none; border: 0; }
.tableFilters .comboFilterContainer > .ui-combobox:not(.focused) .ui-combobox-input { padding-right: 0; padding-left: 0 }
.tableFilters .comboFilterContainer > .ui-combobox.focused .ui-combobox-input { padding-right: 5px }
.tableFilters .comboFilterContainer > .ui-combobox:not(.focused) .input-group-btn .btn { margin-left: -10px; padding-right: 0; padding-left: 0 }
/* .tableFilters .comboFilterContainer > .ui-combobox:not(.focused):hover { box-shadow: 0 0 1px 1px #ccc; border-radius: 4px; cursor: pointer } */
.tableFilters .tableFilter:not(.focused):hover .control-label { cursor: pointer }
.tableFilters .comboFilterContainer > .ui-combobox:not(.focused):hover .ui-combobox-input { cursor: pointer }
.tableFilters .tableFilter:not(.focused):hover { box-shadow: 0 0 1px 1px #ccc; border-radius: 4px; }
.tableFilters .col, .tableFilters .row { margin: 0 !important; }
.tableFilters > .col { padding: 0 !important }

.tableFilters .comboFilterContainer.expandableFilter { position: relative }
.tableFilters .comboFilterContainer.expandableFilter > .ui-combobox { position: absolute }

#back-to-top {height:auto;   cursor: pointer; position: fixed; border-radius: 25px; padding: 15px; box-shadow: 0 0 5px 1px #aaa; bottom: -100px; right: 20px; transition: bottom 0.5s ease; z-index: 999 }
#back-to-top .glyphicon {top:0}
#back-to-top.visible { bottom: 20px; transition: bottom 0.5s ease }

/* FOOTER */
.footer { position: absolute; width: 100%; bottom: 0}
.almaFooter{padding: 10px;background-color: #5f5f5f;}
.almaFooter img{width:128px; max-width: 170px; margin-right:30px; margin-top: 8px}
.almaFooter a{margin-right:30px;}
.almaFooter .footerTextContainer{    min-height: 70px;}
.almaFooter .footerTextContainer .footerTextWrap{    color: #d5d5d5;    top:50%;    transform: translate(0,-50%);}
/* END FOOTER */

/**HEADER TODO clean up**/
.HeaderWrap{width:100%;border-radius:0;background:#0E7BBA;margin-top:0;border:none;top:0;z-index:999;visibility: hidden;min-width:640px}
.Header{background:#0E7BBA;border:none;height:52px;line-height:52px;}
.Header.configurationHeader { background: #5f5f5f !important}
.Header #alma_home_link{margin:0;height:100%;width:auto;}
.HeaderWrap .pageTitle{font-size:25px;transition:font-size 0.2s;color:#777777;}
.HeaderWrap .navbar{min-height:35px;margin:0;}
.navbar-default{background:transparent;border:none;border-color:transparent;box-shadow:none;color:#fff;}
.HeaderWrap .navbar li{}
.HeaderWrap .navbar li button{height:100%;}
.HeaderWrap .navbar li:hover,.HeaderWrap .navbar li.almaMenuItem.open{background:#1c608f !important;}
.HeaderWrap .navbar li.almaMenuItem .dropdown-menu{display:none;position:absolute;overflow:auto;}
.HeaderWrap .navbar li.almaMenuItem.open .dropdown-menu{display:flex;}
.HeaderWrap .dropdown-menu{ margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0;border-top:none}
.HeaderWrap .SubNavContents .dropdown-menu#tasksMenu, .HeaderWrap .SubNavContents .headerLocation .ui-autocomplete-list-wrapper.dropdown-menu  { max-height: 350px; overflow-y: auto !important; }
li.almaMenuItem > .btn-group{display:block}
.almaMenuItem .dropdown-menu{/*opacity:0.8;*//*transition:opacity 1s ease-in;-webkit-transition:opacity 1s ease-in;*/}
/* .activeMenu .dropdown-menu{opacity:1;} */
.HeaderWrap .navbar .navbar-nav > li button:hover,.HeaderWrap .navbar .navbar-nav li button:focus,.HeaderWrap .navbar .navbar-nav li button:visited{color:#fff;}
.HeaderWrap .navbar .navbar-nav > li>a{line-height:52px;display:block;text-decoration:none !important;text-shadow:none;color:#fff !important;height:100%;}
.HeaderWrap .navbar .navbar-nav > li.dropdown a:hover,.HeaderWrap .navbar .navbar-nav li.dropdown a:focus{color:#1990DE !important;text-decoration:none;}
.HeaderWrap .navbar .navbar-nav > li.dropdown .dropdown-menu a > i{top:-3px;line-height:30px;}
.HeaderWrap .navbar .navbar-nav > li.dropdown .dropdown-menu a:hover > i,.HeaderWrap .navbar .navbar-nav li.dropdown .dropdown-menu a:focus > i{visibility:visible;display:inline;}
.menuDropDown{display:block;width:100%;border-right:0;border-left:0;}
.HeaderWrap .navbar .favLinksList > li > a, .HeaderWrap .navbar .favLinksList > #favMenuEmpty {color:#fff;padding:0 10px;}
.HeaderWrap .navbar .favLinksList > li > a:focus, .HeaderWrap .navbar .favLinksList > li > a:hover{text-decoration:none;outline:none}
.HeaderWrap .navbar .navbar-nav .menuDropDown li a:hover{background:transparent !important;color:#1990DE !important;}
.HeaderWrap .Logo{background:transparent;float:none !important;height:auto;width:auto;display:inline-block;vertical-align:middle;}
.HeaderWrap .Logo img{margin-top:0;vertical-align:middle;}
.taskMenuI{width:23px;background:url('/infra/images/icon-task.png') center;background-size:100%;height:23px;}
.HeaderWrap .Header{transition: height 0.5s}
/* .HeaderWrap.fixedPos .Header{height:45px; transition: height 0.5s}
.HeaderWrap .Header .logoAlma{height:auto;transition: height 0.5s}
.HeaderWrap.fixedPos .Header .logoAlma{height:100%;transition: height 0.5s}
.HeaderWrap .Header .instLogo{height:auto;transition: height 0.5s}
.HeaderWrap.fixedPos .Header .instLogo{height:45px; transition: height 0.5s}
.HeaderWrap.fixedPos .Header .showFavMenu i{line-height:45px !important;} */
.breadcrumbsWrapper.affix.btnsLine{z-index:997}
.breadcrumbsWrapper.affix .btnsLine .btn{padding:3px 12px;}
.HeaderWrap.affix {z-index:1301}
.HeaderWrap.fixedPos .SubNavContents .menuIcons{line-height:52px !important;vertical-align:top;}
.HeaderWrap.fixedPos .SubNavContents .taskMenuI{vertical-align:baseline;}
.HeaderWrap.fixedPos .SubNavContents .iconHide{visibility:visible;width:auto;opacity:1;}
.HeaderWrap.fixedPos .favLinksList > li{vertical-align:top;}
.HeaderWrap.fixedPos .favLinksList > li  > a{line-height:52px !important;}
.HeaderWrap .favLinksList > li.showFullMenu{border-right:1px solid rgba(255, 255, 255, .3);height:100%}
.HeaderWrap.fixedPos .favLinksList > li.showFullMenu a{line-height:35px !important;}
.favLinksList{display:none;top:0px;background:#0E7BBA; width:100%;z-index:2;overflow:hidden}
.favLinksList.responsive{overflow:visible};
.favLinksList > li > a:hover{/*color:#fff !important;*/text-decoration:none;}
.favLinksList > li >  a{outline:none;text-decoration:none;}
.favoritesSub > li > a{/*color:#fff !important;*/height:auto;color:#1990DE !important}
.favoritesSub > li > a:hover{/*background: #1c608f; color:#fff*/}
.favoritesSub{ /*background: #0e7bba; */border-top: none;border-radius:0;margin-top:1px !important;margin-right:-1px;}
.HeaderWrap .navbar .showFavMenu{border-right:1px solid rgba(255, 255, 255, .3);color:#fff;}
.HeaderWrap .navbar .showFavMenu:hover{color:#fff}
.favSubMenuToggle > button{background:none;font-size:20px;border-radius:0}
.favSubMenuToggle{height:100%;padding:0;position:relative;border-radius:0 !important;outline:none}
.favSubMenuToggle.open{background:#1c608f;}
#tasksMenu.dropdown-menu>li{line-height:30px;height:30px}
.searchWrap{border:none;width:100%;z-index:4}
.searchWrap .select-wrapper:before{color: #Fff;top: 3px;right: 4px;content: '\4a';font-family: UX-Framework;position: relative;top: -.1em;right: -.4em;text-align: right;font-size: 120%;height: 30px;margin: -1px -1px 0 0;}
.searchWrap .select-wrapper select.btn{position: relative; -webkit-appearance: none; -moz-appearance: none; padding:}
#recentSearchesList{border-top-left-radius: 0; border-top-right-radius: 0; top: 32px;width:100%}
#recentSearchesList>li>a>div.jsToolTip{overflow:hidden;width:25%}
#recentSearchesList >li>a {display: flex !important;}
#recentSearchesList >li>a div.recentSearchLeft{max-width: 28%;flex-grow:1;display:flex; order:1; white-space: normal; overflow: hidden;text-overflow: ellipsis;}
#recentSearchesList >li>a div.recentSearchLeft i{padding: 3px 5px 3px 0;}
#recentSearchesList >li>a div.recentSearchRight{order:2;flex-grow:1; max-width: 72%}
#searchForm div.jsToolTip.open + .tooltip, #searchForm div.jsToolTip:not(:hover) + .tooltip{display:none!important}
/* .recentSearchRight{position:absolute;right:10px;top:5px;width:70%} */
.recentSearchRight>.uxf-icon{color: #aaa;}
.searchWrap .searchContent > .searchInnerContent{width:1000px}
@media (max-width:1250px){
	/* .searchWrap .searchContent > div{max-width:95%; transition:all 0.5s} */
	.switch-toggle > label{font-size:12px}
}
@media (min-width:1250px){
	/* .searchWrap .searchContent > div{max-width:63%; transition:all 0.5s} */
	.searchWrap .searchContent.searchInPage{max-width:1300px}
	.iframeBody .searchWrap .searchContent.searchInPage{width:100%;margin-top:0;transition:none}
	.withRightMargin.searchWrap .searchContent.searchInPage{max-width:initial}
}
@media (max-width:1000px){
	.searchWrap .searchContent > div{max-width:98%;}
	.switch-toggle > label{font-size:12px}
}
.searchWrap .searchContent .form-control,.searchWrap .searchContent #filterScopeSelect .dropdown-toggle,.searchWrap .searchContent .input-group-btn .btn{height: 34px}
.searchWrap .searchContent #searchForm{position:absolute;width:100%}
.searchWrap .searchContent>div{min-height:35px}
.searchWrap .searchContent .advancedSearchBtn{background:transparent;padding:0 0 0 20PX;box-shadow:none;border:0;color:#0e7bba;outline:0;float:right;width:13%;text-align:left}
.searchWrap .scopeFilter{margin-top:6px}
.searchWrap .scopeIcon{display: inline-block; vertical-align: middle;padding-bottom: 4px;}
.searchWrap #simpleSearchScopeFilter.scopeIcon{vertical-align: top;padding-bottom: 0px;}
#filterScopeSelect .dropdown-toggle {padding: 0px 1px 0px 5px;border-radius: 0;border: 1px solid #ccc;border-left: none;border-right: none;background: #fff;box-shadow: inset 0 1px 0px rgba(0,0,0,.075);height: 32px;}
#filterScopeSelect .open .dropdown-toggle.active{background-color: buttonface;outline: none;}
#filterScopeSelect .dropdown-toggle:hover, #filterScopeSelect .dropdown-toggle:focus{color: #333;background-color: buttonface;}
#filterScopeSelect.disabled, .scopeFilter.disabled {color: #b9b9b9; opacity: 1;}
#filterScopeSelect.disabled .dropdown-toggle:hover, #filterScopeSelect.disabled .dropdown-toggle:focus{color: #b9b9b9;background-color: #fff;}
.scopeFilter.disabled label{color: #b9b9b9;cursor: not-allowed;}
.scopeFilter.disabled .radio > input[type=radio]:checked + label::before{opacity:0.65;}
.searchWrap .searchContent .advancedSearchBtn:focus,.searchWrap .searchContent .advancedSearchBtn:hover{color:#0c6599!important;text-decoration:underline}
.searchWrap .searchContent .disabled .btn{cursor: not-allowed;}
.searchWrap .searchContent .btn{box-shadow:none}
.searchWrap .searchContent #simpleSearchIndexes.dropdown-menu,.searchWrap .searchContent #simpleSearchObjectType.dropdown-menu{max-height:600px;overflow-y:auto;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;border-top:0}
.searchWrap .searchContent .advancedSearchBtn:disabled{color:#ccc}
.searchWrap .searchContent .advancedSearchUsers{position:relative;top:2px;display:none;background:#fff;width:80%;border:2px solid #337ab7;border-top:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;margin:-3px 0;left:0}
.searchWrap .searchContent .advancedSearch{position:relative;display:none;background:#fff;/* left:-9px; */border-radius:4px;padding:10px 10px 10px 10px;width:100%;box-shadow:0 3px 6px 0 rgba(50,50,50,0.2)}
.searchWrap .clearSearchBtn:focus,.searchWrap .clearSearchBtn:hover{text-decoration:underline}
.searchWrap .mainSearchInput #simpleSearchIndexes{border-bottom-left-radius:0;border-top-left-radius:0;border-right:0}
.searchWrap .recentSearchesContainerClass input{border-left:none;border-right: none;}
.searchWrap .recentSearchesContainerClass input:not(:focus){-webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.075);box-shadow: inset 0 1px 0px rgba(0,0,0,.075);}
.searchWrap .searchContent .advancedSearch .ui-autocomplete li:hover a{background:#337ab7!important;color:#fff!important}
.searchWrap .searchContent .advancedSearch .searchType.select-wrapper.form-control{width:auto}
.searchWrap .searchContent .advancedSearch select{font-weight:normal}
.searchWrap .searchContent .advancedSearch .advAndOrWrapper{padding-right:0;padding-left:10px}
.searchWrap .searchContent .advancedSearch .advAndOrWrapper select{box-shadow:none}
.searchWrap .searchContent .advancedSearch .advAndOrWrapper .noOperators{line-height:23px;font-weight: 400;border: none;box-shadow: none;text-align: right;padding-right: 0;}
.searchWrap .searchContent .advancedSearch .advAndOrWrapper label:hover{cursor: pointer;}
.searchWrap .searchContent .advancedSearch .advCompareTypesWrapper{margin-left:-6px}
.searchWrap .searchContent .advancedSearch .advSearchValueWrapper{margin-left:-6px}
.searchWrap .searchContent .advancedSearch .advSearchValueWrapper.disabled{opacity:1}
.searchWrap .searchContent .advancedSearch .rowIconsWrapper{font-size:16px}
.searchWrap .searchContent{background:transparent;margin:0;margin-top:0;width:100%;transition:width .5s,margin .5s,margin-top .5s,background .9s}
.searchWrap .searchContent.searchInPage{background:#fff;margin:0 auto;margin-top:15px}
#simpleSearchScopeOptions li:first-child{pointer-events:none;padding-left:10px;}
.simpleLink:focus{outline:0}
.searchWrap #simpleLink{float:right;top:-5px;right:-5px;width:auto;padding:0;margin:6px 0}
.advancedSearch .andOrToggle .btn-secondary.active{color:#fff;background-color:#2c4d82 !important;border-color:#2e6da4 !important;}
.hiddenRow{display:none !important}
.advSearchValueWrapper .ui-combobox .has-error{border:1px solid #a01100 !important;}
.advRows .advSearchRow{/* padding-left:10px !important */}
.advRows .advSearchRow:not(.hiddenRow):first-child{padding-left:15px !important}
.clearSearchBtn{background:transparent !important;outline:none !important;}
/* .searchWrap input[type="text"]{border-left-style:solid;font-weight:normal;font-size:14px;}
.advancedSearch input[type="text"]{font-size:12px;} */
.searchType.select-wrapper.form-control{min-width:90px;width:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:0;text-align:left;z-index:2}
.select-wrapper.form-control:before{right:0;}
.searchType.select-wrapper.form-control:before{color:#Fff;top:3px;right:4px;}
.searchType.select-wrapper.form-control select option{color:#555;padding:5px;font-size:12px;background:#fff;text-align:left;border:none}
.searchWrap .searchTitle{border:none !important;background:#1c608f;min-width:105px;padding-top:7px;padding-bottom:7px;}
.ddShowOnFocus{display:none;right:41px;z-index:3;}
.ddShowOnFocus .select-wrapper.form-control>select{min-width:70px;padding-right:15px;position:relative;font-weight:normal;}
.ddShowOnFocus .select-wrapper:after{position:absolute;width:1px;height:70%;-moz-transform:skew(-20deg);-webkit-transform:skew(-20deg);transform:skew(-20deg);content:'';top:5px;left:0;background:#e3e3e3;}
.select-wrapper.form-control>select::-ms-expand{display:none;}
.ddShowOnFocus a{color:#0E7BBA;position:absolute;left:-30px;top:50%;transform:translate(0, -50%);}
.searchWrap .searchIcon{color:#fff;background:#1c608f;box-shadow:inset 0 -3px 0 #0c4a6f;}
.searchWrap .searchIcon button{background:transparent;}
.searchWrap .dropdown-toggle.leftBottomRoundedCorner{border-bottom-left-radius:0 !important;}
.searchWrap .userCurrentlyAt{height:52px;transition:all 0.1s;border-left:1px solid #d9d9d9;}
.HeaderWrap .navbar .menuWrapper,.favLinksList{border-left:1px solid #4799c8;min-width:100px}
.SubNavContents{display:flex;align-items:center;}
.SubNavContents i{vertical-align:middle;}
.SubNavContents .iconHide{visibility:hidden;width:0;opacity:0;transition:all 0.2s linear;}
.searchKey{right:54px;height:100%;color:#979797;display:block;line-height:37px;z-index:8;border-left:1px solid #979797;padding-left:10px;padding-right:10px;}
.searchKey .dropdown-menu{max-height:290px;overflow-y:scroll;}
.headerLocation .dropdown-menu li a:hover,.headerLocation .dropdown-menu li a.active{background:transparent;color:#1c84c1 !important;}
.exMenu.open .dropdown-menu{display:flex;width:700px; max-height:400px;overflow:auto !important;}
/* .headerLocation .tooltip-inner, .headerLocation .tooltip{max-width:500px !important;min-width:100px !important;} */
.Header .tooltip-inner {max-width: none;white-space: nowrap; font-size:1.2em;}
.menuIcons.btn.active,.menuIcons.btn.active:hover,.menuIcons.btn:active,.menuIcons.btn:active:hover,.btn-group.menuIcons.open .dropdown-toggle, .almaMenuItem .btn.dropdown-toggle, .almaMenuItem .btn:active,  .almaMenuItem .btn:active:hover{box-shadow:none}
.menuIcons .dropdown-menu .divider{margin:0;}
.menuIcons{background:transparent;height:100%;}
.menuIcons.open, .menuIcons:hover{background:#1c608f !important;}
.headerLocation .dropdown-menu .checkbox{margin:0;padding-left:20px;}
.headerLocation .dropdown-menu .checkbox label{line-height:35px;}
.navbar-nav .dropdown .dropdown-item{position:relative;padding-left:19px;}
.navbar-nav .dropdown .dropdown-item:focus{/* background:#efefef; */outline:none;}
.navbar-nav .dropdown .dropdown-item i{position:absolute;left:0;}
.navbar-nav .dropdown .dropdown-item i.visibility-hidden{display:none;}
.respMenu{position:absolute;width:500px;top:52px;height:55px;background-color:#efefef}
.respMenu button{color:#555 !important}
.respMenu li.open button:hover, .respMenu li.open button, .respMenu li:hover button{color:white !important}
.respHeader .headerLocationText {display:none !important}
.respHeader .headerLocationIcon {display:block !important}
.headerLocationText #locationText{white-space:normal;display:table-cell}
.headerLocationText{text-align:right;}
.headerLocationText i{display:table-cell;vertical-align:middle};
/*** RESPONSIVE ***/
@media (max-width:1200px){
	.navbar-nav .dropdown .padSides15{padding-left:0px !important;padding-right:0px !important;}
 	.navbar-nav .dropdown .padSides15 button{padding-left:7px !important;padding-right:7px !important;}
}
@media (max-width:992px){
	.HeaderWrap .SubNavContents i.uxf-location{visibility:visible;width:1em;opacity:1;}
 	i.visible-sm, i.visible-xs{display:inline-block !important;}
 	.searchWrap .userCurrentlyAt{padding-right:30px;}
}
@media (max-width:960px){
	 	.Header .headerContainer{display:block}
	 	.Header .headerContainer .favoriteMenuLink li{max-width: 45px;display: inline-block}
	 	.almaMenuItem{max-width: 100px;display: inline-block!important}
	 	.almaMenuItem.open .dropdown-menu{background-color:#fff!important}
	 	.SubNavContents.padRight15{padding:0}
}
.almaFooter{padding:10px;background-color:#5f5f5f;}
.almaFooter .footerTextContainer{min-height:70px;}
.almaFooter .footerTextContainer .footerTextWrap{color:#d5d5d5;top:50%;transform:translate(0, -50%);}
.contentWrap{border:none;}
.roundTopSection{width:100%;/*margin:25px 0 20px 0 !important;*/border:0;border-radius:5px;}
.formHeaderFieldCon{display:inline-block;font-weight:300;width:50%;text-align:left;padding-left:7px;}
.formHeaderFieldName{display:inline-block;font-weight:700;width:50%;text-align:right;padding-right:7px;}
.manageActivities{color:#4164A4;border:none;background:transparent;box-shadow:none;}

.ui-datepicker{position:absolute;width:255px;right:15px;top:35px;z-index:4;}
.ui-datepicker.open{display:block;}
button.datePickerReset {position: absolute; right: 40px; z-index: 3;}
.deleteEntryBtn{top:0;bottom:0;right:15px;margin:auto;height:12px;}

.showFullMenu a{outline:none;}
.closeRecord{width:5px;}
.favStar:hover{color:#555}
.transition05s{transition:ease 0.5s;}
.innerRightBlueShadow{-webkit-box-shadow:inset -3px 0px s3px 0px #5478C6;-moz-box-shadow:inset -3px 0px 3px 0px #5478C6;box-shadow:inset -3px 0px 3px 0px #5478C6;}
.flex{display:flex;}
.flexChild1{flex:1;}
.flexAlignStretch { align-self: stretch; }
.flexGrowShrink0 { flex-grow: 0; flex-shrink: 0 }
.flexGrowShrink1 { flex-grow: 1; flex-shrink: 1 }
.flexGrow0Shrink1 { flex-grow: 0; flex-shrink: 1 }
.flexGrow1Shrink0 { flex-grow: 1; flex-shrink: 0 }
.flexBasis20P { flex-basis: 20% }
.flexBasis25P { flex-basis: 25% }
.flexBasis30P { flex-basis: 30% }
.flexBasis40P { flex-basis: 40% }
.flexBasis50P { flex-basis: 50% }
.flexBasis60P { flex-basis: 60% }
.flexBasis70P { flex-basis: 70% }
.flexBasis100P { flex-basis: 100% }
.topMinus1{top:-1px;}
.borderRightBefore:before{position:absolute;content:'';right:-10px;top:0;height:100%;width:1px;background:#1c84c1;}
.transparentHover:hover{background:transparent;}
.whiteColor { color: #fff !important; }
.greyColor{color:#555;}
.blackColor{color:black;}
.lightGreyColor{color:#bbb;}
.blueStar{color:#0E7BBA !important;}
.flexChildMenu{flex:0 1 auto; align-self: stretch}
.flexMenu{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;justify-content:flex-start}
.flexMenu.flexRow{ flex-direction: row }

/**Backgrounds**/
.blueBtnBg{background:#337ab7 !important;background-color:#337ab7 !important;}
.transparentBg{background:transparent;}
.whiteBg{background:#fff;}
.facesGrayBg{background:#efefef;}
.bgGray{background:#eee !important;}
.greyBg{background:#f2f2f2;}
.lightGreyBg{background:#f9f9f9;}
.darkGreyBg{background:#bebebe;}
.configGreyBg{background: #f4f4f6;}
.bgDarkGray{background: #7a7a7a !important;}
.borderDarkGray{border-color: #7a7a7a}
.whiteColor{color:#fff;}
.summaryGreyBg {background: #f3f7f8;}
.blueColor,.blueColor:hover,.blueColor:focus,.blueColor:visited,.blueColor:active{color:#1990DE !important;}
.medBlueColor,.medBlueColor:hover,.medBlueColor:focus,.medBlueColor:visited,.medBlueColor:active{color:#1c84c1 !important;}
li.selectionHistoryItem.ui-menu-item { position: relative }
/* ul.ui-autocomplete-list-wrapper { max-height: 99999 !important; overflow: hidden !important; } */
/* ul.ui-autocomplete-list-wrapper > ul { width: 100%; padding:0; margin: 0 } */
/* li.selectionHistoryItem.ui-menu-item:after { position:absolute; top: 0; right: 0; color: #aaa; content:"\2b"; font-family:"Glyphicons Halflings"; } */
.borderLeftGrey{border-left:1px solid #efefef}
.listExtraField{border-top: 3px solid rgb(204, 204, 204);}
.listExtraField > .listActionContainer {top: 2px;}

.facetsClosed .facetsWrapper .closeFacetsWrapper{background:none;}
.facetsHover.facetsClosed.facetsOpened .facetsWrapper .closeFacetsWrapper, .facetsClosed .facetsWrapper .closeFacetsWrapper{ background-color: #F2F2F2}
.facetsWrapper .closeFacetsWrapper{display:flex;padding:0 0 10px 10px;border-bottom:1px solid #ddd; background-color: #F2F2F2}
.facetsHover.facetsOpened .closeFacetsWrapper,.facetsHover .closeFacetsWrapper{border-bottom:1px solid #ddd}
.facetsWrapper .closeFacetsWrapper .closeFacets{order:2;cursor:pointer;width:fit-content;margin-right:10px;margin-left:84px}
.facetsWrapper .facetsHeaderWrapper{order:1}
.facetsWrapper .closeFacetsWrapper .closeFacets i{font-size:20px;padding:5px;transition:all .5s}
.facetsClosed .facetsWrapper .closeFacetsWrapper .closeFacets i{transform:rotate(180deg)!important}
.facetsClosed.facetsOpened .facetsWrapper .closeFacetsWrapper .closeFacets i,.facetsWrapper .closeFacetsWrapper .closeFacets i{transform:rotate(0deg)!important}
.facetsClosed .facetsWrapper .closeFacetsWrapper .closeFacets{order:1;padding:0;margin-left:unset}
.facetsClosed .facetsWrapper .closeFacetsWrapper .facetsHeaderWrapper{order:2;padding-left:4px;width:0px;}
.facetsClosed .facetsWrapper .closeFacetsWrapper .facetsHeaderWrapper div{transform:rotate(90deg);transform-origin:10%}
.facetsWrapper .closeFacetsWrapper .facetsHeaderWrapper div{width:fit-content;font-size:20px;color:#777}
.facetsClosed .facetsWrapper .closeFacetsWrapper{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;border-bottom:0}
.facetsClosed .facetsWrapper{overflow-x:hidden;overflow-y:hidden!important;z-index:4;/* margin-top: -100px;padding-top: 100px; */margin-right: -16px}
.facetsClosed .facetsWrapper:hover{cursor:pointer}
.facetsWrapper .facets li input{color:#777!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;order:1}
.facetsWrapper .facets .showLessMessage{font-size:14px;font-weight:normal}
.facetsWrapper .facets li span:not(.showLessMessage){order:2;color:#777}
.facetsWrapper .facets li i[class*="plus"],.facetsWrapper .facets li i[class*="minus"]{font-size:12px; position: inherit;}
.facetsWrapper .facets li:hover{text-decoration:none!important;background-color:#e5e5e5!important}
.facetsWrapper ul.facetList{padding-left:0;padding-right:0}
.facetsWrapper ul.facetList li{padding-left:10px;white-space:nowrap;max-width:93%;display:flex; cursor: pointer;}
.facets input,.facets a,.facets label{white-space:normal;text-align:left}
.facetsClosed .facets{margin-left:-191px;opacity:0}
.facetsWrapper .facets{transition:margin-left .5s;width:187px!important;padding-top:15px!important}
.splitToolCol.col1{transition:all .5s}
.splitToolStart.splitStart15{transition:all .5s}
.splitToolStart.splitStart50 .wrapper .splitToolCol.col2{transition:all .5s;padding-top:0px}
.wrapper .splitToolCol.col2{transition:all .5s;padding-top:10px}
.facetsClosed .splitToolStart.splitStart15{padding-left:2em;}
.facetsClosed .wrapper .splitToolCol.col2{width:3em;}
.facetsClosed .searchWrap.withRightMargin>.searchContent{margin-left:43px!important}
.facetsClosed .splitToolStart.splitStart15{padding-left:2em !important}
.facetsHover.facetsClosed .facets{margin-left:0}
.facetsHover.facetsClosed .facetsWrapper:hover{cursor: default;}
.facetsHover.facetsClosed .facetsWrapper{-webkit-box-shadow:6px 2px 13px -5px rgba(0,0,0,0.22);-moz-box-shadow:6px 2px 13px -5px rgba(0,0,0,0.22);box-shadow:6px 2px 13px -5px rgba(0,0,0,0.22);width:220px;background:#f2f2f2;z-index:998;padding-left:15px!important; margin-top:-65px;padding-top:65px; height:100%!important;min-height:calc(100% + 65px);overflow-y:auto!important}
.facetsHover.facetsClosed .closeFacetsWrapper{-webkit-flex-direction:unset;flex-direction:unset;-webkit-justify-content:unset;justify-content:unset;padding-bottom:10px;border-bottom:1px solid #ddd}
.facetsClosed .facetsWrapper .facets{opacity:0}
.facetsHover .facetsWrapper .facets{transition:unset!important;opacity:1}
.facetsHover.facetsClosed .facetsWrapper .closeFacetsWrapper .closeFacets{padding:0 20px 0 84px;order:2;margin-left:0}
.facetsWrapper .closeFacetsWrapper .closeFacets:hover{color:#0e7bba}
.facetsHover.facetsClosed .facetsWrapper .closeFacetsWrapper .facetsHeaderWrapper{padding:0;width: 100%;}
.facetsHover.facetsOpened .wrapper .splitToolCol.col2{width:15em !important}
.facetsHover.facetsClosed.facetsOpened .facetsWrapper{width:220px;box-shadow:unset;-webkit-box-shadow:unset;-moz-box-shadow:unset}
.facetsHover.facetsOpened .splitToolStart.splitStart15{padding-left:15em !important}
.facetsHover.facetsClosed.facetsOpened .splitToolCol.col2{padding-left:0}
.facetsHover.facetsClosed.facetsOpened .searchWrap.withRightMargin>.searchContent{margin-left:225px!important}
.facetsHover.facetsClosed .facetsWrapper .closeFacetsWrapper .facetsHeaderWrapper div{transform:rotate(0deg)}
.facetsHover.facetsClosed .splitToolCol.col2>div{height:100%}
ul.tags, ul.facetsList { list-style-type: none; display: flex; padding: 5px 10px; align-items: center }
ul.tags .tag { display: inline; margin:0; line-height: 34px; }
ul.tags > li, .tag { margin: 0; line-height: 34px; }
ul.tags > li.tag, .tag { position: relative; padding: 5px; border: 1px solid #eee; border-radius: 4px; background-color: #f4f4f4; align-self: stretch }
ul.tags > li.tag:hover, .tag:hover { background-color: #eee; border: 1px solid #ccc; transition: 0.2s all }
ul.tags > li.tag > span, .tag > span { margin-right: 5px }
ul.tags > li.tag > span.uxf-icon, .tag > span.uxf-icon { position: absolute; top: 27%; right: 0 }
ul.facetsList > li:first-child { margin-left: 0 }
ul.facetsList > li { margin-left: 10px; margin-right: 10px; }

.filtersAndFacetsSeparator { float: left; position: relative; top: 5px; line-height: 25px; width: 1px; border-left: 0.5px solid #aaa; display: inline-block; margin-right: 10px; margin-left: 10px }
.noFacets{color:#ababab}
.simpleSearch input.ui-combobox-input { font-weight: normal; background: #f5f5f5; }
.simpleSearch .searchBtn.btn-secondary{background: #f5f5f5; box-shadow:none}
.simpleSearch .searchBtn.btn-secondary .uxf-icon{top:2px}
.simpleSearch .searchXColor{color:#555}
.almaList > .row .btn.btn-link:not(:hover) { color: #337ab7 }
.almaList > .upperActions { display: flex !important; width: 100%  }
.almaList > .upperActions > .upperActionsLeft { display: flex; flex: auto;}
.almaList > .upperActions > .upperActionsLeft > div {display: flex;}
/*.almaList > .upperActions > .upperActionsLeft >div{width: 100%}*/
.almaList > .upperActions > .upperActionsRight { flex: 0 1 60%;  }
.almaList > .upperActions > .upperActionsLeft, .almaList > .upperActions > .upperActionsRight { position: relative; float: left; }
.almaList > .upperActions.hasSimpleSearch .simpleSearch { min-width: 300px; max-width: 500px }
@media (max-width:990px){
	.almaList > .upperActions.hasSimpleSearch .simpleSearch { max-width: 100% }
	.almaList > .upperActions.hasSimpleSearch { display: block !important; width: 100%; max-width: 100%  }
	.almaList > .upperActions.hasSimpleSearch > .upperActionsLeft { width: 100%; float: left }
	.almaList > .upperActions.hasSimpleSearch > .upperActionsRight { width: 100%; float: right }
}
.marginContainer .almaList.listTypeRecordUXP { border: none }
/* .almaList.listTypeRecordUXP { border: 1px solid #f2f2f2 } */
.almaList .upperActionsLeft .sortBarChoice > label { float: left; line-height: 34px; margin: 0 10px 0 0; }
.almaList .upperActionsLeft .sortBar {/* width: 100%; */ padding: 0 !important; margin-bottom: 0 !important; border: none !important;float: left; margin-right: 10px; display: flex}
.almaList .upperActionsLeft .sortBar .sortBarChoice:last-child{margin-left: 10px}
/* .almaList .upperActionsLeft .sortBar .sortBarChoice{width: 50%} */
.almaList .upperActionsLeft .sortBar .sortBarChoice .input-group-btn{width:auto;}
.almaList .upperActionsLeft .sortBar .sortBarChoice .input-group.ui-combobox.focused{width:auto;}
.almaList .upperActionsLeft .sortBar .sortBarChoice input, .almaList .upperActionsLeft .sortBar .sortBarChoice button{box-shadow:none !important;border:none  !important;}
.almaList .upperActionsLeft .sortBar .sortBarChoice.comboFilterContainer.expandableFilter {position: relative }
.sortBarChoice .comboFilterContainer.expandableFilter  > .input-group.ui-combobox { position:absolute !important;}
.sortBarChoice .comboFilterContainer > .ui-combobox:not(.focused) .ui-combobox-input{    padding-right: 0;padding-left: 0;}
.sortBarChoice .comboFilterContainer > .ui-combobox:not(.focused) .input-group-btn .btn{ margin-left: -8px;padding-right: 0;padding-left: 0;}
.sortBarChoice .tableFilter:not(.focused):hover {box-shadow: 0 0 1px 1px #ccc; border-radius: 4px;}
.sortBar .comboFilterContainer > .ui-combobox:not(.focused):hover .ui-combobox-input { cursor: pointer }
.sortBarChoice .tableFilter{padding: 0 10px;}
.sortBarChoice .tableFilter label:hover{cursor: pointer;}
.sortBar .comboFilterContainer >.input-group.ui-combobox{cursor: pointer;}
.facets.prettified .sortBar .ui-combobox > input{background:transparent;}
.facets.prettified .sortBar .ui-combobox > input:focus{background:#fff;}
.facets.prettified .sortBar .input-group-btn > button{background:transparent;}
.facets.prettified .sortBar .ui-combobox > input:focus + .input-group-btn > button{background:#fff;}

.noBoxShadow, .noBoxShadow:hover, .noBoxShadow:focus, .noBoxShadow:active { box-shadow: none !important }
.noBorder, .noBorder:hover, .noBorder:focus, .noBorder:active { border: none !important }
.noOutline, .noOutline:hover, .noOutline:focus, .noOutline:active { outline : none !important }

.scaleTenth { transform: scale(0.1) !important; box-shadow: 0 0 5px 0px #1990DE }
.ui-combobox ul.tags { display: inline-block !important; line-height: 25px }
.ui-combobox ul.tags > li.tag, .ui-combobox span.tag { transition: transform 0.25s ease 0s, box-shadow 0.2s linear 0.5s !important; line-height: 25px; display: inline-block !important; padding:0 20px 0 5px; margin: 2px 3px !important; float: left }
.ui-combobox ul.tags > li.tag.category, .ui-combobox span.tag.category { clear: left; padding: 0 5px; border: 1px solid #eee; background: none; font-weight: bold; }
/* .ui-combobox ul.tags > li.tag:focus, .ui-combobox span.tag:focus { border-color: lime } */
.ui-combobox ul.tags > li.tag > span.uxf-icon, .ui-combobox span.tag > span.uxf-icon { top: 25%; }
.ui-combobox span.tag.highlightedSelection { border: 1px solid #1990DE }

.ui-combobox ul.multiSelect > li { position: relative; /*padding-top: 2px; padding-bottom: 2px; line-height: 10px*/ }
.ui-combobox ul.multiSelect > li > a { padding-left: 25px; }
.ui-combobox ul.multiSelect.hasCategories > li > a { padding-left: 30px; }
/* .ui-combobox ul.multiSelect > li.multiSelectCategory:hover { cursor: pointer; background: #f0f0f0 } */
.ui-combobox ul.multiSelect > li:not(.multiSelectCategory) > .uxf-check { position:absolute; top: 12px; left: 10px; color: #aaa; font-size: 0.7em }
.ui-combobox ul.multiSelect.hasCategories > li:not(.multiSelectCategory) > .uxf-check { left: 10px; }

.ui-combobox ul > li.comboboxCategory { position: relative; }
.ui-combobox ul > li.comboboxCategory > .uxf-icon { position:absolute; top: 7px; right: 15px; }

.ui-combobox .comboboxInputContainer { border: 1px solid #ccc; border-radius: 3px; min-height: 34px; position: relative; line-height: 32px; padding-right: 30px }
.has-error .ui-combobox .comboboxInputContainer { border: 1px solid #a01100 }

.ui-autocomplete-category.comboboxCategory, .ui-combobox .categorySelectAll { line-height: 30px; padding-top: 0; padding-bottom: 0;font-size: 14px; color: #555; border: none }
.ui-autocomplete-category.comboboxCategory:hover, .ui-combobox .categorySelectAll:hover { cursor: pointer; background: #f0f0f0 }
.ui-autocomplete-category.styledCategory { padding-top: 0 !important; background-color: #eee; }
.ui-autocomplete-category.multiSelectCategory { padding-right: 0; }
.ui-autocomplete-category.multiSelectCategory > input[type='checkbox'] { position: relative; top: 2px }
.ui-autocomplete-category.multiSelectCategory > * { margin-right: 3px }
.ui-autocomplete-category.stickyCategory { display: none; visibility: hidden }
.ui-autocomplete-category.stickied { position: absolute !important; width: 100%; top: 0; padding-top: 0; padding-bottom: 0; border-top: 1px solid white; border-bottom: 1px solid white; margin: 0 !important }
.ui-autocomplete-category.stickied + .ui-autocomplete-category.stickyCategory { display: block; visibility: hidden }
.ui-combobox ul > li.categorySelectAll > a { color: #0E7BBA }

.ui-combobox ul.hasStyledCategoriesContainer { background-color: #eee; padding: 0; }
.ui-combobox ul.hasStyledCategoriesContainer > ul { padding: 0; border-radius: 0 0 4px 4px; border-top: 1px solid #ccc !important; margin-top: 2px; }

.pagePadding {margin-left:auto; margin-right:auto;max-width:1300px}
.mainContainer{padding:10px;background:#fff}
.pagePadding .breadcrumbsWrapper.affix.btnsLine{max-width:1300px}

.iframeBody .pagePadding{margin: 0; width: 100%; max-width: initial;}
.iframeBody .mainContainer { padding: 5px; }
.iframeBody .panel.section { width: 100%; margin: 0 }
.iframeBody .panel.section .panel-body { padding: 0 }
.iframeBody .searchWrap .searchContent {background-color: #f2f2f2}
/* .iframeBody .paneContent .upperActions { display: none } */
/* .iframeBody .paneContent .typeD { margin-left: 0 } */

@media (max-width:1300px){
	/* .pagePadding {margin-left:0; margin-right:0;width:100%}
	.pagePadding .breadcrumbsWrapper.affix.btnsLine{width:100%} */
}
@media (min-width: 1300px) {
    .searchWrap.withRightMargin .searchContent, .searchWrap .searchContent.searchInPage, .pagePadding .breadcrumbsWrapper.affix.btnsLine, .pagePadding{max-width: none!important; width:80%; }
	.smallGutters .searchWrap.withRightMargin .searchContent,.smallGutters .searchWrap .searchContent.searchInPage,.smallGutters .pagePadding .breadcrumbsWrapper.affix.btnsLine,.smallGutters .pagePadding{max-width: none!important; width:96%; }
	/* .smallGutters .searchWrap.withRightMargin .searchContent, .smallGutters .searchWrap .searchContent.searchInPage, .pagePadding .breadcrumbsWrapper.affix.btnsLine, .pagePadding{width:97%; } */
}
.selectiveOverlay{ position: fixed;top: 0; left: 0; width: 100%; height: 100%;  background-color: #000;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5; z-index: 3;}
.showOverSelectiveOverlay{z-index:3;}/* position:relative */

ul.ui-autocomplete li .uxf-icon.selectionHistoryIcon { position: absolute; top: 7px; right: 5px; color: #aaa; font-size: 1.2em }
.inputPlaceHolderIcon {position: absolute; color: grey; left: 25px; top: 10px; }
.input-group > .inputPlaceHolderIcon { left: 10px; }

.media, .media-body { overflow: visible !important }
.newRecordListContainer { background-color: #fff; margin: 0 ; padding-left: inherit; }
.newRecordListContainer .iconContainer { width: 100%; text-align: left; margin-top: 7px; min-width: 18px; margin-bottom: 5px }
.newRecordListContainer .iconContainer .uxf-icon { color: #aaa; font-size: 18px;  }
.newRecordListContainer > li { display: block; border-bottom: 7px solid #f2f2f2}
.newRecordListContainer > li:first-of-type { border-top: 7px solid #f2f2f2 }

.recordContainer { margin-left: -15px }
.recordOuterContainer .rowsContainer { border-left: 3px solid transparent; }
.recordOuterContainer.chosen .rowsContainer { border-left: 3px solid #0E7BBA; transition: all 0.5s }
.recordContainer .checkbox.styled-checkbox {min-height: 1px; margin-top: 1px; margin-left: 0 !important}
.recordContainer .checkbox.styled-checkbox > label {position: absolute; top: 6px;}
.newRecordListContainer .checkbox.styled-checkbox > label {margin-left: 14px}
.recordContainer .radio.styled-radio.radio-inline {float: left; top: 8px}
.listTypeRecord .radio.styled-radio.radio-inline { padding-left: 5px; }

/* .rowActionsContainer { opacity: 0; transition: all 0.2s; } */
/* .newRecordListContainer .rowActionsContainer .btn-group .btn { border-radius: 0 } */
.newRecordListContainer .rowActionsContainer > .btn-group { margin-right: -22px; margin-top: -5px; }
.newRecordListContainer .rowActionsContainer .btn-group .btn { margin: 0 1px; }
.newRecordListContainer .rowActionsContainer .btn-group .btn { background-color: #f2f2f2; color: #2A5DB0; text-decoration: none }
.newRecordListContainer .rowActionsContainer .btn-group .btn:hover,.newRecordListContainer .rowActionsContainer .btn-group .btn:focus { background-color: #e8e8e8; color: #0E7BBA; transition: all 0.2s; }
.newRecordListContainer .rowActionsContainer > .btn-group > .btn:last-of-type,
.newRecordListContainer .rowActionsContainer > .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
/*.newRecordListContainer > li.chosen > div.row:first-of-type, */
.newRecordListContainer > li > div:first-of-type > .row { margin: 0; }
.newRecordListContainer > li.recordOuterContainer:hover .rowsContainer { box-shadow: 5px 5px 5px -3px #ccc; transition: all 0.2s; }
.newRecordListContainer > li.recordOuterContainer:not(.chosen):hover .rowsContainer { border-left: 3px solid #ccc; transition: all 0.5s }
/* .newRecordListContainer > li:hover .rowActionsContainer { opacity: 1; transition: all 0.3s; } */
.newRecordListContainer > li.recordOuterContainer .recordContent .fieldColumn > .row { border-left: 1px solid transparent }
.newRecordListContainer > li.recordOuterContainer:hover .recordContent .fieldColumn:not(:first-child) > .row { border-left: 1px solid #efefef }

.col1 .section.panel-default { margin: 0 }

.newRecordListContainer .nav { position: relative; top: 2px; border: none; }
.newRecordListContainer .nav li { width: auto; border-bottom: none; margin-left: 10px; z-index: 1; }
.newRecordListContainer .nav li > a { background: none; border-color: transparent; border-bottom: none !important; transition: padding 0.2s; }
.newRecordListContainer .nav li > a.ui-autocomplete-loading { padding-right: 30px; transition: padding 0.3s ease-out; }
.newRecordListContainer .nav li > a:hover { background: #eee; }
.newRecordListContainer .nav li.active > a:hover { background: none; }
.newRecordListContainer .nav li.closeOnClick:not(.disabled) > a { cursor: pointer; }
.glyphicon.icon-on, .uxf-icon.icon-on, .fa.icon-on { color: #2eb82e !important; margin-right: 5px !important; }
.glyphicon.icon-off, .uxf-icon.icon-off, .fa.icon-off { color: #aaa !important; margin-right: 5px !important; }
.content-indicator.icon-on { border-color: #2eb82e !important; background-color: #2eb82e !important; }
.content-indicator.icon-off { border-color: #aaa !important; background-color: #aaa !important; }
.content-indicator:after,
.newRecordListContainer .nav li.hasContentInd:not(.disabled) a:before { content: ''; border: 1px solid #aaa; background-color: #aaa; border-radius: 50px; width: 10px; height: 10px; margin-right: 5px; position: relative; display: inline-block; }
.content-indicator.on:after,
.newRecordListContainer .nav li.hasContentInd.hasContent:not(.disabled) a:before { border-color: #2eb82e; background-color: #2eb82e; }
.newRecordListContainer .recordContentRow, .newRecordListContainer .recordContentRow > .fieldColumn { min-height: 75px; }
.resizableFieldColumn .ui-resizable-e { opacity: 0; border-left: 1px dashed #ccc; transition: all 0.5s; }
.resizableFieldColumn:hover .ui-resizable-e, .resizableFieldColumn .ui-resizable-e:active { opacity: 1; transition: all 2s ease 0.5s; }
.newRecordListContainer .recordNavPanes { margin: 0; margin-top: 2px; }
.newRecordListContainer .nav a { padding-top: 3px; padding-bottom: 3px; }
.newRecordListContainer .nav > li:first-child > a { margin-left: -24px; }
.newRecordListContainer .recordNavPanes .tab-content { background: #fff; position: relative; margin-top: 0; }
.newRecordListContainer .recordNavPanes .tab-content .closeTab { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 1; background: transparent; }
.newRecordListContainer .recordNavPanes .tab-pane { border-top: 1px solid #ddd; margin: 0 -20px; }
.recordNavPanes .tab-pane .paneHeader { line-height: 25px; padding: 5px 10px; font-weight: bold; }
.recordNavPanes .tab-pane .paneContent { padding: 10px 0 0 21px; }
.recordNavPanes .tab-pane .paneHeader + .paneContent { padding: 5px 0 5px 10px; margin-right: 10px; max-height: 370px; overflow-y: auto; }
.newRecordListContainer .nav-tabs>li.active>a,
.newRecordListContainer .nav-tabs>li.active>a:focus,
.newRecordListContainer .nav-tabs>li.active>a:active,
.newRecordListContainer .nav-tabs>li.active>a:hover { border: 1px solid #ddd; background: #fff; }
.newRecordListContainer .rowActionsContainer .externalRowActions { margin-top: 10px }
.newRecordListContainer .rowActionsContainer .externalRowActions > li { margin-top: 5px }

.thumbnailContainer { margin-top: -2px; padding: 5px; display: flex; height: 92px; width: 64px; background-color: #f0f0f0; /*box-shadow: 0 2px 5px 1px #bbb;*/ border-radius: 5px; align-items: center; }
.thumbnailContainer img { margin-left: auto; margin-right: auto; width: 100%; max-height: 100%; border-radius: 2px; }
.thumbnailAndIconContainer { margin-top: -2px; position: relative;z-index: 1;}
.thumbnailAndIconContainer.hasThumbnail { position: relative; padding: 5px 10px; margin-top: 0; }
.thumbnailAndIconContainer .singleIconContainer { display: inline-block; width: 18px; vertical-align: middle }
.thumbnailAndIconContainer:not(.hasThumbnail) .singleIconContainer { margin-bottom: 5px; }
.thumbnailAndIconContainer .singleIconContainer input.submitableIcons { background-size: 17px auto }
.thumbnailAndIconContainer.hasThumbnail .singleIconContainer.topRight input.submitableIcons { position: relative; top: -7px; left: -8px; width: 25px; background-size: 25px; }
.thumbnailAndIconContainer:not(.hasThumbnail) .singleIconContainer.topRight { position: relative; }
.thumbnailAndIconContainer:not(.hasThumbnail) .singleIconContainer.topRight input.submitableIcons { height: 16px !important; }
.topRight { position: absolute; top: 0; right: 0 }
.invertedRoundIcon { border-radius: 50px; color: white; background: #555; padding: 2px }
.width24 { width: 24px }
.imgWidth24 img { width: 24px }
.recordContainer img { margin: 0; }

.facets .facetLink { font-size: 14px }
.facets .facetLabel { display: block; font-weight: bold; padding-top: 2px; padding-bottom: 2px; margin: 0 }
.facets .facetLabel:hover { background-color: #e5e5e5 }
.facets .facetLabel:after { position: inherit; top: 1px; font-family: UX-Framework; content: '\4c'; font-size: 12px; float: right; margin-right: 5px;transition: 0.5s; }
.facets .facetLabel.collapsed:after { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); transition: 0.5s; }
.facets .facetList:not(:last-of-type) { margin: 0; margin-bottom: 20px; }
.facets .moreFacetsLink { font-size: 90%; font-weight: bolder }
.facets .facetList.moreFacetsList { margin-top: -20px }
.facets .facetList, .facets .facetLabel { padding-right: 10px; padding-left: 10px; }

br.break + * { display: block }
br.break.breakWithSpacing + * { margin-left: 20px }

.externalRowAction > a.btn { width: 80%; word-wrap: break-word; white-space: normal; }
/* .newRecordListContainer .nav-tabs { padding-left: 0 } */
/* .recordNavPanes .nav-tabs .tab:first-of-type { margin-left: 113px; } */
/* .recordNavPanes .nav-tabs .tab:first-of-type:not(.active) { margin-left: -7px; } */

.recordNavPanes .tab-pane { font-size: 90%; line-height: 90%; width: 100%; position: relative }
.recordNavPanes .tab-pane > * { }
/* .recordNavPanes .tab-pane:before { position: absolute; top: 10px; right: 10px; font-family: UX-Framework; content: '\6e'; font-size: 24px; } */
/* .recordNavPanes .tab-pane .form { margin-left: 75px; } */
.recordNavPanes .tab-pane .form { margin-left: 0; }
.recordNavPanes .tab-pane .form label,
.recordNavPanes .tab-pane .form .form-field { height: 16px; line-height: 16px; display: table; /*font-weight: normal*/ }
.recordNavPanes .tab-pane .form .form-field .submitUrl { line-height: 36px }
.recordNavPanes .tab-pane .typeD > table { margin-bottom: 0 }
.recordNavPanes .tab-pane .typeD { padding-bottom: 10px }
.recordNavPanes .tab-pane .typeD:last-child { padding-bottom: 3px }
/* .recordNavPanes .tab-pane .form label { text-align: left; font-weight: bold } */
/* .recordNavPanes .tab-pane .form label { text-align: left; } */

.newRecordListContainer .secondaryTitle,
.newRecordListContainer .secondaryTitle > a,
.newRecordListContainer .secondaryTitle > input { color: #888; text-transform: uppercase; font-weight: bold; font-family: Roboto Light}
.newRecordListContainer .listNumeration { padding: 0; float: none; position: relative; top: 1px; padding-right: 5px }
@media (max-width:1280px){
	.newRecordListContainer .recordContent > .col:first-of-type { width: 100% !important }
}
@media screen and (max-width:992px){
/* 	.newRecordListContainer .recordContent > .col:first-of-type { min-height: 165px !important } */
	.newRecordListContainer .recordContent > .col:first-of-type .col { width: 100% !important }
	.newRecordListContainer .recordContent > .col:nth-child(2) { margin-left: -25% !important }
	.newRecordListContainer .recordContentRow { min-height: 165px }
	.newRecordListContainer .rowActionsContainer { margin-left: 25px; }
	.newRecordListContainer .externalRowActions > li { display: inline-block; min-width: 30%; }
	.newRecordListContainer .thumbnailContainer { height: 184px; width: 128px; }
/* 	.newRecordListContainer .recordNavPanes { margin-left: -5%; margin-right: 5px; } */
/* 	.recordNavPanes .nav-tabs .tab:first-of-type { margin-left: 12px; } */
	.newRecordListContainer .recordNavPanes { margin-top: 0 }
	.recordNavPanes .tab-pane .form { margin-left: 5px; }
	.newRecordListContainer .nav-tabs  { margin-left: -165px; margin-bottom: -8px; }
	.newRecordListContainer .rowActionsContainer > .btn-group > .btn { display: none }
	.newRecordListContainer .rowActionsContainer > .btn-group > .btn-group > .btn { border-radius: 4px !important }
}
@media (min-width:992px){
/* 	.recordNavPanes .tab-content { margin-left: -75px; margin-right: -19%; } */
/* 	.newRecordListContainer .recordContent > .col:first-of-type { min-height: 60px !important } */
}
.splitToolStart .col1.withRightMargin { background: #f2f2f2 }
.splitToolStart .col1.withRightMargin .section { /*background: none;*/ width: 100% !important }
.splitToolStart .col1.withRightMargin .section .listTypeTable{padding: 5px 31px;}
/* .splitToolStart .col1.withRightMargin .marginContainer { margin-right: 15px } */
.splitToolStart .col1.withRightMargin #breadcrumbs { transition: all 0.5s }
@media (min-width:1300px){
	/* .splitToolStart .col1.withRightMargin #breadcrumbs { transition: none }
 */	.splitToolStart .col1.withRightMargin .marginContainer, .splitToolStart .col1.withRightMargin #breadcrumbs { margin-right: 200px }
	.smallGutters .splitToolStart .col1.withRightMargin .marginContainer, .smallGutters .col1.withRightMargin #breadcrumbs { margin-right: 10px }
	.splitToolStart .col1.withRightMargin .newTabsStyleB { /*margin-top: -10px;*/ padding-top: 5px; background: white; /*margin-right: 215px; margin-bottom: -10px*/ }
	.searchWrap.withRightMargin > .searchContent { margin-right: 200px !important;padding:0 10px 0 10px;}
	.smallGutters .searchWrap.withRightMargin > .searchContent { margin-right: 10px !important;padding:0 10px 0 10px;}
	/* .searchWrap.withLeftMargin > .searchContent { margin-right: 0px !important;padding:0 10px 0 10px;} */
	.searchWrap.withRightMargin > .searchContent > div { width: 100% !important; transition: none }
	.searchWrap.withLeftMargin > .searchContent > div { width: 100% !important; transition: none }
/* 	.searchWrap.withRightMargin > .searchContent #searchForm > div:first-of-type { width: 90% !important } */
	.searchWrap.withRightMargin > .searchContent #searchForm > #advancedLink { /*width: 10% !important;*/ text-align: right !important }
/* 	.splitToolStart .col1.withRightMargin div.almaList { margin-right: 200px; background: white } */
}
.smallGutters .searchWrap.withRightMargin > .searchContent { margin-left : 225px !important;}
.smallGutters .facetsClosed .searchWrap.withRightMargin > .searchContent { margin-left : 43px !important;}
.searchWrap.withRightMargin > .searchContent { margin-left : 225px !important; width:auto !important; }
/* .searchWrap.withLeftMargin > .searchContent { margin-left : 210px !important; width:auto !important; } */

.recordNavPanes .typeD { /*margin-left: 100px;*/ /*margin-right: 20px*/ }
.recordNavPanes .typeD table.innerList > thead > tr > th { padding-left: 6px; }
.recordNavPanes .typeD table.innerList > tbody > tr > td:not(:last-child) { border: 0; }
.recordNavPanes .typeD table.innerList { table-layout: fixed; word-wrap: break-word; font-size: 13px }
.recordNavPanes .typeD table.innerList td, .recordNavPanes .typeD table.innerList th { padding-top: 3px; padding-bottom: 3px; color: #555 !important }
.recordNavPanes .tab-pane .tableActions { /*width: 100px;*/ width: auto; margin-top: -4px }
.recordNavPanes .tab-pane ul.tableActions > li { display:block; margin: 0 ; /*width: 100%*/ }
.recordNavPanes .tab-pane .tableActions .btn { font-size: 13px; padding-left: 3px; padding-right: 3px; /*width: 90%;*/ white-space: inherit; text-align: left }
.recordNavPanes .tab-pane .tableActions li:first-of-type .btn { padding-left: 0 }
.recordNavPanes .tab-pane .tableActions .tableActionSeparator:last-of-type { display: none !important }
.recordNavPanes .tab-pane .tableActions a.btn { color: #2A5DB0 }
.recordNavPanes .tab-pane:not(.jsOtherDetails) .form label.col-md-1 { display: none }
.recordNavPanes .tab-pane:not(.jsOtherDetails) .form label.col-md-1 + .form-field { padding: 0 }
.recordNavPanes .tab-pane .recordAvailable { color: #555 }
.recordNavPanes .tab-pane.jsOtherDetails .form { background-color: #f2f2f2; padding-top: 7px; margin-right: 0 }

.recordListSelectAll { float: left; margin: 1px 10px 0 8px; padding: 0; }
.recordListSelectAll label{white-space: nowrap;}
.recordListSelectAll > .checkbox { margin: 0 !important; margin-top: 10px; margin-bottom: 10px; padding: 7px; }
.advancedSearchButton { position: relative; }

/* .configurationPageContent .mainContainer { padding: 0 } */
/* .configurationPageContent .breadcrumbsWrapper.affix.btnsLine { width: 100% } */
.configurationPageContent #breadcrumbs:not(.affix) { margin-top: 10px; }
.configurationPageContent .panel.section .panel-heading,
.configurationPageContent .panel.section .panel-title .btn-primary { background: #eeeeee }
.configurationPageContent .panel.section .panel-title .btn-primary:hover { background: #4f4f4f }
.btn-primary{height:32px}
#simpleSearchBtn{height:34px;width:55px;}
.input-group-btn .btn{height:32px}
.backToConfigurationMenu {float:left;height:100%;display:table;}
.backToHomePage {float:left;height:100%;display:table;width:111px;}
.backToHomePageBorder {border-right:1px solid #ccc; height:40px;margin-top:7px;float:left}

/* search in configuration page */
#searchInput {padding-left: 30px;}
#searchInputIcon {position: absolute; top:0; left: 0px; margin: 10px; z-index: 4; color: #aaa;}
/* configuration page tabs */
.confMenuTabs.tabs-left,.tabs-right{border-bottom:none}
.confMenuTabs.tabs-left{background:linear-gradient(to right,#f4f4f6 0,#f4f4f6 99%,#dedede 100%)}
.confMenuTabs.tabs-left>li,.tabs-right>li{float:none;margin-bottom:0;margin-top:0}
.confMenuTabs.tabs-left>li{margin-right:5px;margin-bottom:5px}
.confMenuTabs.tabs-left>li.active{margin-right:0}
.confMenuTabs.tabs-left>li.active>a, .confMenuTabs.tabs-left>li.active>a:focus, .confMenuTabs.tabs-left>li.active>a:hover{position:relative;color:#446681!important;background:#fff!important;border:none;box-shadow:-1px 2px 3px 0 #ccc}
.confMenuTabs.tabs-left>li.active>a:after{position:absolute;top:0;right:-1px;height:100%;width:2px;background:#fff;content:''}
.confMenuTabs.tabs-right>li.active>a, .confMenuTabs.tabs-right>li.active>a:focus, .confMenuTabs.tabs-right>li.active>a:hover{border-left-color:transparent}
.confMenuTabs.tabs-left>li>a{border:0;border-top:1px solid transparent!important;border-radius:4px 0 0 4px;margin-right:0!important;display:block;padding:18px 15px}
.confMenuTabs.tabs-right>li>a{border-radius:0 4px 4px 0;margin-right:0}
ul.nav-tabs.confMenuTabs.tabs-left > li > a{background: #f4f4f6;border-bottom-color: transparent}

.colNumIcon { font-size: 32px; font-weight: bolder; margin: auto 5px; text-decoration: none; text-shadow: 2px 0px 0px, -1px 0px 0px; opacity: 0.7; transition: opacity 0.2s; cursor: pointer; }
.colNumIcon:hover { opacity: 1; transition: opacity 0.3s; }
.colNumIcon.active { opacity: 1; color: #0E7BBA; }
.customizationColumnFieldContainer, .customizationColumnFieldContainerPlaceholder { margin: 5px; }
.customizedActions .customizationColumnFieldContainer { margin-top: 0; margin-bottom: 0; }
.customizedActions .customizationColumnFieldContainer, .actionContainerPlaceholder { margin-right: -8%; }
.customizationColumnField .icon { position: relative; top: 4px; color: #ccc; transition: color 0.3s; }
.customizationColumnField { background-color: #efefef; border: 1px solid #ccc; border-radius: 4px; padding: 1px; padding-right: 10px; width: 100%; display: inline-block; cursor: pointer; transition: border 0.3s; }
.customizationColumnField:hover * { cursor: pointer; }
.customizationColumnField  label { margin-bottom: 0; margin-top: -5px; vertical-align: middle; width: 100%; }
.customizedAction label { padding-left: 10px }
.customizedAction label:before { display: none !important }
.customizationColumnField > .checkbox { width: 100%; max-width: 77%; margin: 5px 0 -4px 0; }
@media (min-width: 1500px) { .customizationColumnField > .checkbox { max-width: 80%; } }
.customizationColumnField > label { max-width: 80%; }
.customizationColumnField:hover { border: 1px solid #0E7BBA; transition: border 0.3s; }
.customizationColumnField:hover .icon { color: #0E7BBA; transition: color 0.3s ease 0.1s; }
.customizationColumnField .checkbox>input[type=checkbox]+label::before { margin-left: -20px;display:inline }
.customizationColumnField .checkbox { display: inline-block; }
.customizationColumnField.customizedAction { width: 83% !important; }
.actionContainerPlaceholder { width: 88% !important; }

/* .separator { border: none; border-top: 1px solid #aaa; margin-top: 20px; margin-bottom: -10px; text-align: center; background: white; width: calc(100% - 45px); margin-left: 6px; margin-right: auto; } */
.separator { border: none; margin-top: 16px; margin-bottom: -10px; background: white; width: calc(100% - 45px); }
.separator > span { top: -12px; position: relative; background: white; padding: 5px;}

.rightClickIcon { position: relative; display: inline-block; background: url('/infra/images/black-mouse-right-click-128.png') 0 50% / 100% no-repeat; width: 16px; height: 17px; top: 3px; opacity: 0.5; }
.customizationColumnFieldContainer > .rightClickIcon { width: 26px; height: 34px; opacity: 0.2; cursor: pointer; transition: opacity 0.3s; margin-top: -15px; margin-bottom: -10px; top: 1px; }
.customizationColumnFieldContainer > .rightClickIcon.active { background: url('/infra/images/black-mouse-right-click-128-on-alt.png') 0 50% / 100% no-repeat; opacity: 0.7; transition: opacity 0.3s; }
.customizationColumnFieldContainer > .rightClickIcon.active:hover { opacity: 1; transition: opacity 0.3s; }
.customizationColumnFieldContainer > .rightClickIcon:hover { opacity: 0.5; transition: opacity 0.3s; }

.marginContainer { position: relative; transition:margin-right 0.5s }
.customizeColumns .popover { max-width: 100%; }
.customizeColumns, .customizeColumnsPlaceholder { margin-right: 0; margin-left: 0; overflow: hidden; max-height: 350px !important; transition: max-height 0.3s;}
.customizeColumns.absolutePos { position: absolute !important; z-index: 3; top: 0; width: 100%; box-shadow: 0 5px 10px 1px #ccc }
.customizeColumns.open { padding-bottom: 34px }
.customizeColumns.open, .customizeColumnsPlaceholder.open { max-height: 999px !important; transition: max-height 0.3s; }
.customizeColumns.open .showAll, .customizeColumns .showLess { height: 0 !important; overflow: hidden !important; transition: all 0.5s}
/* .customizeColumns .customizedActions { border-left: 1px solid #ccc } */
.customizeColumns.hide, .customizeColumnsPlaceholder.hide { max-height: 0 !important; transition: max-height 0.3s; padding: 0 !important;}
@media (max-width: 1500px) { .customizeColumns .rowActionsContainer {top: -25px; float: left !important; position: relative;} }

.customizeColumns .columnControls { position: absolute; top: 0; bottom: 0; right: 7px; clip: rect(20px,999px,45px,0);  }
.customizeColumns .showAll, .customizeColumns.open .showLess { height: auto !important; position: absolute; bottom: 0; line-height: 50px; background: white; box-shadow: 0 -3px 5px -1px #dedede; text-align: center; font-size: 24px }
.customizeColumns .newRecordListContainer, .customizeColumns .customizedActionsContainer { border-left: 10px solid #f2f2f2 }
.customizeColumns .newRecordListContainer .helpIcon { float: left; top: 16px; left: 3px; }
.customizeColumns .newRecordListContainer .rowActionsContainer { float: right !important; top: 15px; position: relative }
.customizeColumns .col:not(.newRecordListContainer) > .popover { min-width: 500px; }

.widgetPlaceholder, .fieldContainerPlaceholder, .actionContainerPlaceholder { margin: 5px; background-color: #0E7BBA; opacity: 0.5; border-radius: 4px; }
.customizedFields, .customizedActions { min-height: 200px; }

.recordListSelectAll { float: left; margin: 0 10px 0 8px; padding: 0; line-height: 34px; }
.recordListSelectAll > .checkbox { margin: 0 !important; margin-top: 10px; margin-bottom: 10px; padding: 0; }
/* .advancedSearchButton { position: relative; top: 2px } */

@keyframes highlightError { 0% { box-shadow: 0; } 50% { box-shadow: 0 0 5px -1px #ff9ba1; } 100% { box-shadow: 0; } }
@keyframes highlightInfo { 0% { box-shadow: 0; } 50% { box-shadow: 0 0 5px -1px #00dee6; } 100% { box-shadow: 0; } }
.alert-danger.highlight { animation-name: highlightError; animation-duration: 1s; animation-timing-function: ease-in; }
.alert-info.highlight { animation-name: highlightInfo; animation-duration: 1s; animation-timing-function: ease-in; }

.widthTransOut {  overflow: hidden; max-width: 0; transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }
.widthTransIn { overflow: initial; max-width: 999px; transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }

.searchInputGroup > .input-group-btn > input:first-of-type { margin-right: -2px; }
.simpleSearchBox.searchBoxHidden {width: 0;display: inline-block;  overflow: hidden;  max-width: 0;  position: absolute;  transition: width 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.simpleSearchBox.searchBoxHidden div {width:0 !important}
.simpleSearchBox{max-width:1000px; transition: width 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.input-group-btn .rfidSearchButton { border-right: transparent; box-shadow: inset -2px 1px 1px rgba(0,0,0,.075) !important; }

.analyticsMenuChartCanvas { width: 100%; height: 100%; }
.newItemIndicator { position: relative; top: -2px; margin-left: 2px; color: red; /*font-family: Roboto Light;*/ font-size: 8px; font-weight: 700; text-transform: uppercase; /*text-shadow: 1px 1px #ccc;*/ letter-spacing: 1px; }
.menuSpinnerContainer { position: absolute; background: white; height: 100%; width: 100%; top: 0; left: 0; }
.menuSpinner { width: 40px; height: 40px; margin: 80px auto; background-color: #333; border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes sk-scaleout { 0% { -webkit-transform: scale(0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } }
@keyframes sk-scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; } }
#analyticsDatesContainer .tooltip, #analyticsDatesContainer .tooltip-inner { max-width: 250px; white-space: normal; font-size: 12px; }

/**** WIZARD ****/
.wizard { padding: 0; margin: 0; float: right; }
.wizard .wizardStep { display: inline-block; width: 55px; position: relative; margin-left: -10px; height: 30px; }
.wizard .wizardStep .wizardDot { cursor: default; display: inline-block; border-radius: 50px; padding: 4px 10px; background-color: #eee; position: absolute; top: 0; left: 0;
					background: radial-gradient(#eee, #0c7cba); background-size: 1000% 1000%; background-position: 50% 50%; }
.wizard .wizardStep .wizardProgress { display: inline-block; height: 5px; border-radius: 0; position: absolute; top: 0; bottom: 0; width: 100%; margin: auto;
    				background: linear-gradient(to right, #eee, #0c7cba); background-position: 0% 50%; background-size: 1000% 100%; }
.wizard .wizardStep.complete .wizardDot { background: #0a5886; background-size: 1000% 1000%; background-position: 0% 0%; color: white; }
.wizard .wizardStep.last { width: 40px; }
.wizard .wizardStep.last .wizardProgress { display: none; }
.wizard .wizardStep.complete:not(.prevStep) .wizardProgress { background-position: -15% 50%; background: #0a5886; }
.wizard .wizardStep.complete.prevStep:not(.reverse) .wizardProgress { animation: fillwizardprogress 0.5s ease-in-out forwards; }
.wizard .wizardStep.active:not(.reverse) .wizardDot { animation: fillwizarddot 0.3s ease-in-out forwards; animation-delay: 0.3s; }
.wizard .wizardStep.prevStep.reverse .wizardDot { animation: fillwizarddot 0s forwards, fillwizarddot 0.3s ease-in-out forwards reverse; }
.wizard .wizardStep.active.reverse .wizardProgress { animation: fillwizardprogress 0.5s ease-in-out backwards reverse; animation-delay: 0.3s; }
.wizard .wizardStep.active.reverse .wizardDot { animation: fillwizarddot 0s forwards; }
@keyframes fillwizardprogress { 0%{background-position: 0% 50%} 100%{background-position: -15% 50%} }
@keyframes fillwizarddot { 0%{background-position: 50% 50%;} 25%{transform: scale(1.15)} 50%{color: white; transform: scale(1.3)}
							75%{transform: scale(1.15)} 100%{background-position: 0% 0%; color: white; } }
/***************/

/**** TOGGLES AND CHECKS ****/
.checkContainer .uxf-check { color: #009e71; cursor: pointer }
.checkContainer.inactive .uxf-check { color: #aaa }
.checkContainer .submitableIcons, .checkContainer img { display: none }
.checkContainer .toggleCheck, .checkContainer .toggleCheck:after, .checkContainer .toggleCheck:before { border-radius: 10px }
.checkContainer .toggleCheck { cursor: pointer; position: relative; width: 30px; height: 15px; background: #0E7BBA; margin: 0 auto; box-shadow: 0 0 5px -2px #aaa inset; }
.checkContainer .toggleCheck:after, .checkContainer .toggleCheck:before { display: block; position: absolute; top: 0;  height: 100%; content: ' '; }
.checkContainer .toggleCheck:after { width: 15px; background: white; left: calc(100% - 15px); border: 1px solid #0E7BBA; }
.checkContainer .toggleCheck:before { width: 50%; background: #aaa; right: 0; }
.checkContainer.disabled .toggleCheck { cursor: not-allowed; opacity: 0.65; }
.checkContainer.inactive .toggleCheck:after { left: 0; border-color: #aaa; }
.checkContainer.inactive .toggleCheck:before { width: 100%; }
.checkContainer .toggleCheck:after, .checkContainer.inactive .toggleCheck:after { transition: left 0.3s ease; }
.checkContainer .toggleCheck:before, .checkContainer.inactive .toggleCheck:before { transition: width 0.3s ease; }
/****************************/

/**** WIDGETS ****/
.widgetContainer { background-color: #f5f5f5; width: 100%; }
.cloudNotificationContainer .alert { margin: 10px 0; }
.notificationSubmitContainer { position: absolute; font-size: 18px; top: 50%; right: 10px; transform: translateY(-50%); margin: auto; height: 30%; cursor: pointer; }

.widgetItemContent { height: 100%; background: white; padding: 5px 10px; border-radius: 4px }
.widgetTitleContainer { position: relative; margin: 0; background: white; padding:0; border-bottom: 1px solid #eee; margin-left: -10px; margin-right: -10px }
.widgetTitle { display: inline-block; padding: 5px 10px; margin:0 }
.widgetActions { position: absolute; top: 0; right:10px; }
.widgetLoadingIcon { left: -10px; top: 3px; color: #aaa; }
.widgetItemContent .btn.btn-link.dropdown-toggle:focus, .widgetItemContent .btn.btn-link.dropdown-toggle:hover{background-color: #d4d4d4 !important}

.tasksWidget .panel {border-color: #f2f2f2;border: none;}
.tasksWidget .panel-body { background-color: #f5f5f5; border-radius: 0 0 2px 2px }
.tasksWidget .panel-heading { position: relative;background: #eee; padding: 0; /*border: 2px solid white;/*box-shadow: 0px 2px 5px -2px grey; */border-radius: 5px 5px 2px 2px; }
.tasksWidget .panel-heading .btn{background-color:#00a5d8;border-color:#00a5d8;box-shadow:none;display:flex;width:100%;color:#fff;font-size:14px;padding:9px 45px;text-decoration:none;text-align:left;height:38px;font-weight:400;}
.tasksWidget .panel-heading .btn:hover{background-color:#009ccb;}
.tasksWidget .panel-primary:nth-child(1) .panel-heading .btn{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.tasksWidget .panel-primary:last-child .panel-heading .btn.collapsed{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.tasksWidget .panel-heading .btn .taskGroupTaskCount{order:1;  position:absolute;top:0;left:0;line-height:24px;background:#0E7BBA;vertical-align:middle;font-size:12px;min-width:30px;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:7px 0 0 8px;}
.tasksWidget a{display: flex;}
.tasksWidget .taskGroupTaskName{order:2; width: 95%;}
.tasksWidget .panel-group .panel+.panel{margin-top:0px !important;border-top:#9fd4f0 solid 1px;border-left:none;border-bottom:none;border-right:none;}
.tasksWidget .padding5:hover{background-color:#e8e8e8;cursor:pointer;}
.tasksWidget .padding5 a{text-decoration:none;color:#555 !important;font-weight:400;}
.tasksWidget .glyphicon-menu-right{font-size:12px;top:3.3px;right:-31px;transition:0.5s; order:3}
.tasksWidget .inner_cover_li{position:relative;}
.tasksWidget .panel ul>li:nth-child(1){-webkit-box-shadow:inset 0px 12px 13px -9px rgba(196,196,196,1);-moz-box-shadow:inset 0px 12px 13px -9px rgba(196,196,196,1);box-shadow:inset 0px 12px 13px -9px rgba(196,196,196,1);}
.tasksWidget .panel a:not(.collapsed ) span.glyphicon{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:0.5s;}
.tasksWidget .panel .panel-body{border:none !important;}
.tasksWidget .panel-body .badge{width:41px;padding:5px 5px 5px 1px;background:none !important;color:#0E7BBA !important;}

.welcomeMessage{color:#555;display:inline-block;width:100%;padding:0 10px;float:inherit;}
.welcome_inside{font-weight:500;float:inherit;font-size:18pt;display:inline-block;}
.welcome_second_part{float:inherit;font-size:16pt;display:inline-block;font-weight:300;}
.welcome_devider{margin:0 17px 0 17px;display:inline-block;font-size:18pt;font-weight:100;color:rgba(204,204,204,0.8);}
.h1_welcome_page{font-family:Roboto,Helvetica,Arial,sans-serif;}
h5.widgetTitle{color:#2f2f2f !important;}
.add_button_welcome_page{font-size:26px;color:#0e7bba;}
.add_button_welcome_page_container{padding-top: 16px}

.notificationsWidget{overflow-x:hidden}
.notificationsWidget .notificationDate{font-weight:600}
.notificationsWidget .logoContainer{padding:3px 0 0;color:#00a5d8;font-size:14pt;float:left;min-width:41px;width:41px;text-align:center;order:1}
.notificationsWidget .innerTextContainer{padding-left:5px;overflow-x:auto;order:2;width:100%}
.notificationsWidget .notificationRightSide{float:right;order:3;width:77px;padding-right:5px}
.notificationsWidget a{color:#00a5d8;float:right;margin-right:5px}
.notificationsWidget .notificationLine{padding-top:4px;display:flex;padding-top:7px;padding-bottom:5px}
.notificationsWidget .notificationLine:nth-child(even){background-color:#f5f5f5}
.notificationsWidget .media-left .notificationDate{border-radius:4px;padding:5px;background-color:#f2f2f2;color:#00a5d8;font-weight:600;width:100px;white-space:normal;word-break:break-word;text-align:center}
.notificationsWidget .notificationRightSide a{float:right}
.notificationsWidget .modificationDate{text-align:right;color:#a0a0a0;font-size:10pt}
.notificationsWidget .uxf-alert{color:#f49a39}
.notificationsWidget .fa-exclamation-circle{color:red}
.notificationsWidget .uxf-cal{color:#3ea9e1}
.notificationsWidget .fa-check-circle{color:green}
.notificationsWidget .uxf-settings{color:#24b3b1}
.notificationsWidget .fa-star{color:#ffc600}
.notificationsWidget .uxf-tools{color:#7951cc}

.primoDashboardWidget{color:#fff}
.primoDashboardWidget .btnSearchPrimoDashBoard{height:32px;width:55px;margin-left:-2px!important;box-shadow:none;border-left:none;border-color:#ccc;background-color:#fff;color:#0f7d00;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.primoDashboardWidget .inputSearchPrimoDashBoard{margin-left:-2px;margin-right:-2px;border-right:none;box-shadow:inset 0 1px 0 rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.075)}
.primoDashboardWidget .searchContainer{background-color:#4D6B82;padding:16px;border-radius:5px 5px 0 0}
.primoDashboardWidget .searchContainer .btnSearchPrimoDashBoard:focus, .primoDashboardWidget .searchContainer .btnSearchPrimoDashBoard:hover{background-color: #d4d4d4 !important}
.primoDashboardWidget .searchContainer .input-group{width:100%}
.primoDashboardWidget .bottomBackground{background-color:#53738c;padding:8px 0 14px;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px}
.primoDashboardWidget .primoHeader{text-transform:uppercase;color:#c3d4e1}

.assertNewUXP{background-image: url(/infra/images/allert.svg?version=March2018) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: 16px 16px !important;}

.sandboxesWidget .media:nth-child(odd) { background-color: #f2f2f2; }
.sandboxesWidgetPopover ul { list-style-type: none; }

.newUIUsageWidget { min-width: 490px; background: #ffffff; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #ffffff 24%, #e4e4e4 85%, #e4e4e4 85%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #ffffff 24%,#e4e4e4 85%,#e4e4e4 85%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #ffffff 24%,#e4e4e4 85%,#e4e4e4 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin: 0 !important; padding: 40px 20px; border-radius: 4px; }
.newUIUsageWidget .activeUserBarTitle { color: #0E7BBA; font-size: 16px; margin: 10px 0 0; }
.newUIUsageWidget .activeUserBarTitle .popover { color: #555; }
.newUIUsageWidget .activeUserBarNumerical { color: #0E7BBA; font-size: 36px; font-weight: bold; margin-top: -10px; }
.newUIUsageWidget .activeUserBar .barOuter { width: 90%; height: 6px; background: #AFAFAF; border-radius: 10px; }
.newUIUsageWidget .activeUserBar .barInner { height: 0; width: 0; background: #0E7BBA; border-radius: 5px 0 0 5px; border-right: 1px solid white; }
.newUIUsageWidget .activeUserBar .barInner.full { height: 100%; width: 100%; border-right: 0; border-radius: 5px; }
.newUIUsageWidget .activeUserBar .widthTransition { transition: width 1s ease 0.5s; }
.newUIUsageWidget .newUIUsageLegend { margin: 30px 0; }
.newUIUsageWidget .newUIUsageLegend > div { margin: 15px 0; }
.newUIUsageWidget .newUIUsageLegend > div > span:nth-child(1) { display: inline-block; width: 12px; height: 12px; border-radius: 10px; }
.newUIUsageWidget .newUIUsageLegend > div:nth-child(1) > span:nth-child(1) { background: #0E7BBA; }
.newUIUsageWidget .newUIUsageLegend > div:nth-child(2) > span:nth-child(1) { background: #AFAFAF; }
.newUIUsageWidget .newUIUsageLegend > div > span:nth-child(2) { width: 140px; margin-top: -5px; }
.newUIUsageWidget .chartLogo { font-size: 42px; color: #0E7BBA; position: absolute; top: 80px; left: 95px; }
.newUIUsageWidget #newUIUsageChartCanvasBG { top: 10px; left: 24px; }

.spinning { animation: spinBack, spinForward; animation-duration: 0.5s, 1.5s; animation-delay: 0s, 0.5s; animation-iteration-count: 1, infinite; animation-fill-mode: forwards, forwards;
			animation-timing-function: ease-out, linear; transform-origin: 50% 50%; -moz-transform-origin: 50% 60%; }
@keyframes spinForward { 0% { transform: rotate(270deg); } 100% { transform: rotate(-450deg); } }
@keyframes spinBack { 0% { transform: rotate(0deg); } 100% { transform: rotate(630deg); } }
/***************/

.dropdownMenuHeaderUserMenu{z-index:-1;width:223px!important}
.dropdownMenuHeaderUserMenu .topMenuUserMenuUserNameWrapper{position:relative;height:50px}
.dropdownMenuHeaderUserMenu .topMenuUserMenu{height:60px;background-color:#efefef;width:100%}
.dropdownMenuHeaderUserMenu i{margin-right:10px;float:left}
.dropdownMenuHeaderUserMenu .topMenuLiContent{line-height:23px;white-space:pre-line;display:inline-block;width:90%}
.dropdownMenuHeaderUserMenu #ALMA_MENU_TOP_NAV_DetachSocial .topMenuLiContent{white-space:pre-line;display:inline-block;}
.dropdownMenuHeaderUserMenu .topMenuUserMenu img{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-style:solid;border-width:1px;border-color:#0e7bba}
.dropdownMenuHeaderUserMenu .topMenuUserMenuImage{display:inline-block;float:left;width:18%}
.dropdownMenuHeaderUserMenu #ALMA_MENU_TOP_NAV_LanguageLI{padding:10px!important}
.dropdownMenuHeaderUserMenu .topMenuUserMenuUserName{display:inline-block;width:74%;line-height:16px;line-height:initial;font-weight:500;padding-left:10px;float:left;position:absolute;font-size:14px;top:39%;transform:translateY(-50%); white-space: normal}
.dropdownMenuHeaderUserMenu .topMenuDropdownMenuLiLogout{margin-top:3px;padding:6px 0;border-top:#f5f5f5;border-top-style:solid;border-top-width:1px}
.dropdownMenuHeaderUserMenu .topMenuUserMenu a{padding:0}
.dropdownMenuHeaderUserMenu>li>a:hover{background-color:#e5e5e5}
.dropdownMenuHeaderUserMenu>li>a:hover .topMenuUserDetails{text-decoration:underline;color:#2A5DB0}
.dropdownMenuHeaderUserMenu>li>a .topMenuUserDetails{color:#1990DE}
.dropdownMenuHeaderUserMenu>li>a{padding-left:20px}
.dropdownMenuHeaderUserMenu .topMenuLinkCover{padding:10px 0 0 10px}
.dropdownMenuHeaderUserMenu .topMenuUserDetails{font-size:13px}



.trackingIdDisplayContainer { width: 400px; min-height: 60px; }
.trackingIdDisplayContainer .menuSpinner { width: 20px; height: 20px; margin: 30px auto; }

/*********** SPINNERS (multiple choices - mostly temporary) ************/
svg.circular { display: none }

.loadingBlocker { left: 44% !important; }

.ui-widget-overlay { background: #fff !important; z-index: 5000 !important; opacity: 0.5; }
.loadingBlocker.ui-dialog .ui-dialog-title { width: 100%; height: 100%; }
.loadingBlocker.ui-dialog { width: 120px !important; background: none; border: none; border-radius: 50%; height: 120px !important; padding: 0; margin: 0; background:white; box-shadow: 0 0 20px -1px #ccc; overflow: visible; top: -120px !important; position: fixed; display: block !important; transform: scale(0); transition: transform 0.1s ease-out, top 0s 0.2s; }
.loadingBlocker.ui-dialog.show { display: block; transform: scale(1); top: 130px !important; transition: top 0.2s ease-in; }
.loadingBlocker.ui-dialog .ui-widget-header { background: none !important; border: none; padding: 0; margin: 0; }
.loadingBlocker .ui-dialog-titlebar-close { opacity: 0.5; border: 0; background: none; top: 50%; right: 100px; visibility: hidden; transform: rotateX(360deg); transition: right 0.4s ease 1.1s, visibility 0.2s 1s, transform 0.5s 1s; }
.loadingBlocker .ui-dialog-titlebar-close:hover { opacity: 1; }
.loadingBlocker:hover .ui-dialog-titlebar-close { right: 30px; transform: rotateX(0); visibility: visible; transition: right 0.4s, visibility 0.2s ease 0.2s, transform 0.5s; }
.loadingBlocker .ui-dialog-titlebar-close .uxf-close { color: #000; }
.loadingBlocker .loader, .loadingBlocker .loader:after { border-radius: 50%; width: 10em; height: 10em; }
.loadingBlocker .loader { top: -51px; left: 0; margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(192,192,192, 1); border-right: 1.1em solid rgba(192,192,192, 1); border-bottom: 1.1em solid rgba(192,192,192, 1); border-left: 1.1em solid #0E7BBA; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 2s infinite linear; animation: load8 2s infinite linear; }
@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.loader1 { top: -51px; font-size: 10px; margin: 60px auto; text-indent: -9999em; width: 10em; height: 10em; border-radius: 50%; background: #0E7BBA; background: linear-gradient(to right, #0E7BBA 10%, rgba(255, 255, 255, 0) 42%); position: relative; -webkit-animation: load3 2s infinite linear; animation: load3 2s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.loader1:before { width: 50%; height: 50%; background: #0E7BBA; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; }
.loader1:after { background: #fff; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
@-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.loader2, .loader2:before, .loader2:after { border-radius: 50%; }
.loader2 { top: -51px; color: #0E7BBA; font-size: 11px; text-indent: -99999em; margin: 55px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load2 4s infinite linear; animation: load2 4s infinite linear; }
.loader2:before, .loader2:after { position: absolute; content: ''; }
.loader2:before { width: 5.2em; height: 10.2em; background: #fff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 0.3s; animation: load2 2s infinite ease 0.3s; }
.loader2:after { width: 5.2em; height: 10.2em; background: #fff; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; }
@-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.loader3, .loader4, .loader5 { position: relative; margin: 0 auto; width: 8.5em; }
.loader3:before, .loader4:before, .loader5:before { content: ''; display: block; padding-top: 100%; }
.loader3 .circular, .loader4 .circular, .loader5 .circular {animation: rotate 1.5s linear infinite;transform-origin: center center;height: 100%;width: 100%;position: absolute;top: -2px;bottom: 0;left: 0;margin: auto;display: block;}
.loader3 .path, .loader4 .path, .loader5 .path {transform-origin: center;-webkit-animation: dash 2s ease-in-out infinite;animation: dash 1.3s ease-in-out infinite;stroke-dasharray: 1, 200;stroke-dashoffset: 0;stroke-linecap: square;stroke: #0E7BBA;}

.loader4 .path, .loader5 .path { stroke-linecap: round; -webkit-animation: dashlong 2.3s ease-in-out infinite; animation: dashlong 2.3s ease-in-out infinite }

.loader5 { width: 15em; }
.loader5 .path { -webkit-animation: dashlong 1.2s ease-in-out infinite; animation: dashlong 1.2s ease-in-out infinite }
#loadingBlocker.noAnimation .loader5 .path { animation: none;  stroke-dasharray: 89, 200; stroke-dashoffset: -35px; }

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } }
@keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 200, 200; stroke-dashoffset: -120; } }
@-webkit-keyframes dashlong { 0% { stroke-dasharray: 23, 200; stroke-dashoffset: -5; rotateZ(0) } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -100px; transform: rotateZ(80deg) } }
@keyframes dashlong { 0% { stroke-dasharray: 23, 200; stroke-dashoffset: -5; rotateZ(0) } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -100px; transform: rotateZ(80deg) } }
@-webkit-keyframes color { 100%, 0% { stroke: #d62d20; } 40% { stroke: #0057e7; } 66% { stroke: #008744; } 80%, 90% { stroke: #ffa700; } }
@keyframes color { 100%, 0% { stroke: #d62d20; } 40% { stroke: #0057e7; } 66% { stroke: #008744; } 80%, 90% { stroke: #ffa700; } }

.loader6 { width: 9em; height: 9em; }
.loader6, .loader6-2, .loader7, .loader7-2 { border-radius: 50%;  top: -47px; border: 0.8em solid rgba(192,192,192, 0.7); left: 0; margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 2s infinite linear; animation: load8 2s infinite linear; }
.loader6-2, .loader7-2 { position: absolute; top: -51px; left: 10px; border-top: 1.2em solid rgba(192,192,192, 0); border-right: 1.2em solid rgba(192,192,192, 0); border-bottom: 1.2em solid rgba(192,192,192, 0); border-left: 1.2em solid #0E7BBA; }
.loader6-2 { width: 10em; height: 10em; }

.loader7 { top: -51px; }
.loader7, .loader7-2 { width: 10em; height: 10em }

.loadingBlocker.ui-dialog { width: 210px !important; height: 210px !important; background: none; border: none; border-radius: 50%; padding: 0; margin: 0; background:white; box-shadow: 0 0 20px -1px #ccc; overflow: visible; top: 35% !important; top: -120px !important; position: fixed; display: block !important; transform: scale(0); transition: top 0s 0.3s, transform 0.2s ease;}
.loadingBlocker.ui-dialog.show { display: block !important; transform: scale(1); transition: transform 0.1s ease; top: 30% !important; }
.loadingBlocker.ui-dialog .ui-widget-header { background: none !important; border: none; padding: 0; margin: 0; transform: scale(0); transition: transform 0.1s ease-out; }
.loadingBlocker.ui-dialog.show .ui-widget-header { transform: scale(1); transition: transform 0.2s ease-in; }

.loadingBlocker.noAnimation.ui-dialog { display: none !important; }
.loadingBlocker.noAnimation.ui-dialog.show { display: block !important; transition: none !important;}
.loadingBlocker.ui-dialog .ui-widget-header, .loadingBlocker.ui-dialog.show .ui-widget-header { transition: none !important; }

.loadingBlocker.ui-dialog { background: none; box-shadow: none; }

.loadingBlocker.ui-dialog.hide { display: none !important; }
/*********************************/

/**Specific for run a job wizard**/
.runAJobTaskConfig textarea.form-control, .runAJobTaskConfig select.form-control {height:44px !important}
.runAJobTaskConfig .form > div[class*="col-md-"]{ background: #fafafa;height:50px;padding-top:2px}
.runAJobTaskConfig .form > div[class*="col-md-12"]{height:auto}

/*Classes for recent links*/
.recentLinks{min-height: 59px; width:calc(100% - 20px);display:inline-block;background-color:#fff;padding:11px 0 0;margin:10px 0 0 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}
.recentLinks .recentLinksTitle{display:flex;float:left;margin-left:15px}
.recentLinks ul{overflow:hidden}
.recentLinks i{color:#00a5d8;font-size:17pt;order:1;padding:5px 0 0}
.recentLinks h3{font-size: 20px; order:2;margin:2px 20px 0 12px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recentLinks .recentLink{float:left;white-space:nowrap;display:inline-flex;margin-right:30px;text-overflow:hidden;max-width:17%}
.recentLinks .recentLinkContainer{display:inline-block;margin:0;color:#636363;line-height:19px;font-size:13px;font-weight:300;overflow:hidden}
.recentLinks .recentLinkContainer a{text-overflow:ellipsis;color:#00a5d8;font-weight:400;font-size:13pt;overflow:hidden}
.recentLinks .recentLink span{color:#00a5d8;font-size:20pt;margin-top:-5px;display:inline-block}
@media only screen and (min-width: 1200px) {
.recentLinks .recentLink{float:left;white-space:nowrap;display:inline-flex;margin-right:30px}
}
@media only screen and (max-width: 1200px) {
.recentLinks .recentLinkContainer a{font-size:12pt}
}

/*Recent links inside a widget*/


/* .grid-stack-item .recentLinksWidget{
	width: calc(100% - 20px);
	display: inline-block;
	background-color: #fff;
	margin: 28px 0 0 6px;
}
.grid-stack-item .recentLinksWidget .recentLinksTitleWidget{
	display: flex;
	float: left;
}
.grid-stack-item .recentLinksWidget i{
	color: #00a5d8;
	font-size: 17pt;
	order: 1;
	padding: 5px 0px 0px 0px;
}
.grid-stack-item .recentLinksWidget h3{
	order: 2;
	margin: 0 20px 0 13px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}

.grid-stack-item .recentLinksWidget .recentLinkWidget{
	float: left;
	white-space: nowrap;
	display: inline-flex;
}

.grid-stack-item .recentLinksWidget .recentLinkContainerWidget{
	display: inline-block;
	margin: 0 0 0 0px;
	color:#636363;
	line-height: 19px;
    font-size: 13px;
    font-weight: 300;
    overflow: hidden;
}

.grid-stack-item .recentLinksWidget .recentLinkContainerWidget a{
	text-overflow: ellipsis;
	color: #00a5d8;
    font-weight: 400;
    font-size: 14pt;
    overflow: hidden;
}
.grid-stack-item .recentLinksWidget .recentLinkWidget span{
	color: #00a5d8;
	font-size: 20pt;
    margin-top: -5px;
    display: inline-block;
}

.grid-stack-item[data-widget-key="RECENT_PAGES"]{
	height: 69px !important;
}
.grid-stack-item[data-widget-key="RECENT_PAGES"] #widget_content_RECENT_PAGES{
	overflow-y:visible !important;
}

.grid-stack-item[data-widget-key="RECENT_PAGES"] .widgetTitle{
	display:none!important;
}
.grid-stack-item[data-widget-key="RECENT_PAGES"] .widgetTitleContainer{
	border:none!important;
}
@media only screen and (max-width: 1200px) {
	.grid-stack-item .recentLinksWidget .recentLinkContainerWidget a{
		font-size: 12pt;
	}
}
 */

.calendarWidget .calendarWidgetWrapperUi li{    float: left;  width: 25%;   border: #fff solid;  position: relative; overflow: hidden;}
.calendarWidget .calendarWidgetWrapperUi .calenadarWidgetHeader{background-color:#d7f1ff;color:#0E7BBA;font-size:11pt;border-radius:4px 4px 0 0;padding:5px 0 5px 10px;font-weight:500}
.calendarWidget .calendarWidgetWrapperUi .calendarWidgetTimeContainer{font-size:11pt;background-color:#F5F5F5;border-radius:0 0 4px 4px;margin-top:1px;padding:5px 0 5px 10px}
.calendarWidget .calendarWidgetDayName{color:#434343;font-size:88%;font-weight:300}
.calendarWidget .calendarWidgetFormWrapper{background-color:#00a5d8;padding:10px;border-radius:4px 4px 4px 4px}
.calendarWidget .calendarWidgetFormWrapper .input-group{margin:0 auto}
.calendarWidget .calendarWidgetMainHeader{color:#fff}
.calendarWidget .calendarWidgetTimeContainerClosed{padding:5px 0 5px 10px;background-color:#F5F5F5;border-radius:0 0 4px 4px;font-size:11pt;margin-top:1px}
@media only screen and (max-width: 1200px) {
.calendarWidget .calendarWidgetWrapperUi .calenadarWidgetHeader{font-size:9pt}
.calendarWidget .calendarWidgetWrapperUi .calendarWidgetTimeContainer{font-size:9pt}
.calendarWidget .calendarWidgetTimeContainerClosed{font-size:9pt}
}


.brandingColorsContainer .brandingColorBox{float:left;width:40px;height:40px;margin-right:10px;border-radius:4px;text-align:center;position:relative}
.brandingColorsContainer .brandingColorBox:hover{cursor:pointer}
.brandingColorsContainer .brandingColorBox:after{content:'';position:absolute;border-bottom:5.5px solid;border-right:5.5px solid;border-color:#fff;transform:rotate(44deg) translate3d(0,0,0);transform-origin:center center;transition:width 0.1s,height .1s ease-out;left:0;right:0;top:5px;bottom:9px;right:-1px;width:0;margin:auto;height:0;visibility:hidden}
.brandingColorsContainer .brandingColorBox.active:after{content:'';position:absolute;border-bottom:2.5px solid;border-right:2.5px solid;border-color:#fff;transform:rotate(44deg) translate3d(0,0,0);transform-origin:center center;left:0;top:5px;bottom:9px;right:-1px;width:9px;margin:auto;height:22px;visibility:visible}
.previewImgContainer{display:block;margin-top:55px;width:100%}
.previewImgContainer img{width:100%}




.sysJobAllWidget .groupJobs{background-color:#f5f5f5;width:40%;float:left;display:block}
.sysJobAllWidget .sysJobWidgetContainer .systemJobsContent{margin-top:15px}
.sysJobAllWidget .sysJobsDateTab{margin-left:1.7%!important;width:18%}
.sysJobAllWidget .sysJobsDateTab a{margin:0!important;padding-right:0!important;padding-left:0!important;text-align:center}
.sysJobAllWidget .sysJobsDateTab.active a{font-weight:500}
.sysJobAllWidget .jobsContainer{float:left;width:60%;padding:10px 0 0 15px; overflow-y:auto; height: 100%}
.sysJobAllWidget .jobsContainer .greenSignContainer .greenBigSign{font-size:54pt}
.sysJobAllWidget .jobsContainer .greenSignContainer{text-align:center}
.sysJobAllWidget .jobsContainer .clearMessage{text-align:center;width:60%;margin:18px auto;font-weight:500}
.sysJobAllWidget .jobsContainer .jobContainer{display:flex;padding-bottom:5px}
.sysJobAllWidget .jobsContainer .jobContainer i{margin:4px 12px 0 0;order:1}
.sysJobAllWidget .jobsContainer .jobContainer div{order:2}
.sysJobAllWidget .groupJobsItem{float:none!important;color:#2f2f2f!important;display: flex;}
.sysJobAllWidget .groupJobsItem .groupNameIcon{margin-right:10px;order:1;background:#fff;border-radius:10px;height:20px;width:20px;text-align:center}
.sysJobAllWidget .groupJobsItem .groupNameIcon i{line-height:1!important;font-size:20px}
.sysJobAllWidget .groupJobsItem .groupName{order:2;text-overflow:ellipsis;overflow:hidden}
.sysJobAllWidget .groupJobsItem.active a{background-color:#b3b3b3!important;color:#fff!important;}
.sysJobAllWidget .groupJobsItem.active a.arrowLink:hover{background-color: #959595!important;}
.sysJobAllWidget .groupJobsItem.active a:hover{background-color: #959595!important;}
.sysJobAllWidget .groupJobsItem a.arrowLink{width: 20%;float: right;display: flex; align-items: center; justify-content: center;padding-right: 0;padding-left: 0;}
.sysJobAllWidget .groupJobsItem:hover a{background-color: #e3e3e3;}
.sysJobAllWidget .groupJobsItem:hover a.arrowLink, .sysJobAllWidget .groupJobsItem.active a.arrowLink{border-left: white solid 1px;}
.sysJobAllWidget .groupJobsItem a.arrowLink:hover{background-color: #d5d5d5;}
.sysJobAllWidget .groupJobsItem a:hover{background-color: #d5d5d5;}
.sysJobAllWidget .groupJobsItem a.arrowLink span{padding: 3.5px 0;}
.sysJobAllWidget .groupJobsItem:hover a.arrowLink span{    padding-right: 1px;}
.sysJobAllWidget .groupJobsItem a{border-radius:0;color:#2f2f2f!important;font-weight:500;display:flex;width:80%;float: left;}
.sysJobAllWidget .systemJobsMoreInfo{bottom:10px;right:10px;position:absolute}
.sysJobAllWidget .systemJobsContent .tab-content, .sysJobAllWidget .systemJobsContent .tab-content .tab-pane{height:100%;}

ul.nav-tabs > li.sysJobsDateTab.hasProblems::after {content: '';position: absolute;top: 0;right: 0px;width: 0px;height: 0px;border: 7px solid transparent;border-radius: 0 0 0 4px;z-index: 0;border-color: #fff #fff #e5525c #e5525c;}
.verticalCenter {position: relative; top: 50%; transform: translateY(-50%);}
.notRunnigMinus {width: 14px;margin-right: 10px;margin-top: 10px;margin-left: 3px;border-top: solid 1px;}
.notRunnigBigIcon { background-image: url(/infra/images/no-facets.png);height: 54px;width: 70px;background-repeat: no-repeat;background-position: center;margin: auto;}

.tasksIconTopNavRight:before, .networkTopNavRight:before, .rfidTopNavRight:before{line-height: 50px;}

.simpleSearchBox .input-group-btn input:hover{cursor: pointer !important;}
.simpleSearchBox .input-group-btn .caret:hover{cursor: pointer !important;}

.ui-combobox .jsRemoveOnInit.defaultPlaceholderDiv { border-right: 0; background-image: url("/infra/images/jquery-ui/ui-anim_basic_16x16.gif?version=March2018"); background-repeat: no-repeat; background-position: -100% 50%; }
.ui-combobox .jsRemoveOnInit.defaultPlaceholderDiv.loading { background-position: 100% 50%; transition: background-position 0s ease 0.2s; }
.ui-combobox .jsRemoveOnInit.defaultPlaceholderDiv:focus { border: 1px solid #ccc; border-right: none; box-shadow: none; }
.ui-combobox .jsRemoveOnInit .defaultPlaceholderButton { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.ui-combobox .jsRemoveOnInit.filterPlaceholderDiv { padding-right: 5px; line-height: 34px; font-weight: bold; float: left; position: relative; top: 1px; }
.ui-combobox .jsRemoveOnInit.filterPlaceholderButton { border: none; box-shadow: none; background: none; padding: 0; padding-left: 5px; padding-right: 2px;  }
.ui-combobox .jsRemoveOnInit.sortFilterPlaceholderDiv { padding-right: 5px; line-height: 34px; font-weight: bold; float: left; position: relative; top: 1px; }
.ui-combobox .jsRemoveOnInit.sortFilterPlaceholderButton { border: none; box-shadow: none; background: none; padding: 0; padding-left: 5px; padding-right: 2px;  }
.simpleSearchBox .jsRemoveOnInit.searchPlaceholderDiv { float: left;  }
.simpleSearchBox .jsRemoveOnInit.searchPlaceholderButton { box-shadow: none; background: #f5f5f5; }
.simpleSearchBox .jsRemoveOnInit.searchPlaceholderButton .caret { margin-left: 10px; display: inline-block; top: -1px; right: -3px; position: relative; }

#loadingBlocker, #loadingBlocker > .mask { position: fixed; width: 100%; height: 100%; }
#loadingBlocker { display: block; top: 0; left: 0; z-index: 9999; }
#loadingBlocker > .mask { top: 0; background: white; opacity: 0.7; }
#loadingBlocker .activeLoader { top: 40%; }
#loadingBlocker .uxf-close { cursor: pointer; position: absolute; color: #000;  top: 47%; right: 100px; visibility: hidden; opacity: 0.5; transform: rotateX(360deg); transition: right 0.4s ease 1.1s, visibility 0.2s 1s, transform 0.5s 1s;}
#loadingBlocker .loader3 .uxf-close { top: 42%;width: 0em;}
#loadingBlocker .uxf-close:hover { opacity: 1; }
#loadingBlocker .activeLoader:hover .uxf-close { right: 20px; transform: rotateX(0); visibility: visible; transition: right 0.4s, visibility 0.2s ease 0.2s, transform 0.5s; }

.listActionContainer  .btn-group-vertical>.btn:focus, .listActionContainer   .btn-group>.btn:focus{background-color: #c8c8c8;box-shadow: inset 0 -3px 0 #c8c8c8;}
/*custom width for calendar in monitor jobs */
@media only screen and (min-width: 960px) {
	.dateCustomWidth .input-group.date{width:260px;}
}
.logoLinkStyle{vertical-align:middle;display:table-cell;text-align:center;min-width:110px}
.logoLinkStyle:focus{border:1px #009ccb solid;}
/* Styles for ARIA */
.headerContainer{display:flex;}
.headerContainer .mainMenuContainer{order:2}
.headerContainer .favoriteMenuLink{order:1}
.Header .btn:focus{background-color:#009ccb}
.Header .showFavMenu:focus,.Header .showFullMenu:focus{background-color:#009ccb}
.favMenuLink a:focus{background-color:#009ccb}
.menuIcons:focus{background-color:#009ccb}
a[id*="MENU_LINK_ID_"]:focus{text-decoration:underline!important}
.showFullMenu a:focus{background-color: #009ccb !important;}
button.tableSettingsIcon:focus i{text-decoration: underline !important;}

.tableActions .btn-link:focus i{text-decoration:underline!important}
.liNavigationContainer{-webkit-transform: translate3d(0, 0, 0);transform : translate3d(0, 0, 0);position:fixed;opacity:0;transition:bottom .5s ease-out;z-index:1000;left:45%;height:34px;width:400px}
.liNavigationContainer .alert{
	position: absolute;
    bottom: 40px;
    width: 204px;
    left: -12px;
    text-align: center;
}
.floatNavigationContainer .floatPaginationUl{display:flex; margin-bottom:0 !important}
.floatNavigationContainer{-webkit-box-shadow:0 0 16px -1px rgba(0,0,0,0.59);-moz-box-shadow:0 0 16px -1px rgba(0,0,0,0.59);box-shadow:0 0 16px -1px rgba(0,0,0,0.59);border-collapse:collapse;border-radius:4px 4px 4px 4px!important;display: inline-block;position:absolute;bottom:0px}
.floatNavigationContainer .floatPaginationUl li{list-style:none;display:inline-flex}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer{display:flex;background-color:#fff!important}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>input{width:100px;margin:0 8px;box-shadow:unset!important;-webkit-box-shadow:unset!important;border:none!important;background-color:#fff!important;text-align:center;transition: .4s ease-out;}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>input::-webkit-input-placeholder{color:#707070}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>input::-moz-placeholder{color:#707070}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>input:-ms-input-placeholder{color:#707070}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>input:-moz-placeholder{color:#707070}
.floatNavigationContainer .floatPaginationUl .jumpToPageContainer>div{margin:auto 8px auto 0}
.floatNavigationContainer .floatPaginationUl [class*="navigationBtn"],.pagination [class*="navigationBtn"]{border-color:#ccc!important;background:none!important;box-shadow:unset!important;-webkit-box-shadow:unset!important;color:#009ccb!important;font-size:17px;width:34px;text-align:center;padding:4px 0 0 0!important;font-size:25px}
.floatNavigationContainer .floatPaginationUl [class*="navigationBtn"]:active:not(.paginationButtonDisabled),.floatNavigationContainer .floatPaginationUl [class*="navigationBtn"]:focus:not(.paginationButtonDisabled),.floatNavigationContainer .floatPaginationUl [class*="navigationBtn"]:hover:not(.paginationButtonDisabled),.pagination [class*="navigationBtn"]:hover{background-color:#009ccb;color:#fff!important}
.floatNavigationContainer .floatPaginationUl .navigationBtnNext{border-radius:0 4px 4px 0!important;border-left:solid thin #ccc;border-top:unset;border-bottom:unset;background-color:#fff!important}
.pagination .navigationBtnNext{border-radius:0 4px 4px 0!important;border-right:solid thin #ccc!important;border-left:solid thin #ccc;background-color:#fff!important}
.floatNavigationContainer .floatPaginationUl .navigationBtnPrev{border-radius:4px 0 0 4px!important;border-right:solid thin #ddd!important;border-top:unset;border-bottom:unset;background-color:#fff!important}
.pagination .navigationBtnPrev{border-radius:4px 0 0 4px!important;border-left:solid thin #ddd;border-right:solid 1px #ddd;background-color:#fff!important}
.pagination{transition:opacity .5s ease-out}
.pagination .paginationDots a{padding:6px 0}
.pagination .paginationDots a:hover{background:#fff}
.pagination .jumpToPageContainer>input{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-box-shadow:unset!important;box-shadow:unset!important;float:left}
.pagination .jumpToPageContainer>button{background-color:#0e7bba;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:unset!important;box-shadow:unset!important;color:#fff}
.pagination .jumpToPageContainer>button:hover{background-color:#1c608f}
.pagination .paginationPageAmount{border-top:solid #ccc thin;border-bottom:solid #ccc thin;border-radius:unset!important;color:#555}
.pagination .paginationPageAmount:hover{background:0;color:#555;border-color:#ccc}
.positionOutOfTheWindow{left:-300px}
.paginationContainer{z-index:2000}
.liNavigationContainer a.navigationBtnPrev.paginationButtonDisabled,.liNavigationContainer .navigationBtnPrev.paginationButtonDisabled:hover,.liNavigationContainer a.navigationBtnNext.paginationButtonDisabled,.liNavigationContainer .navigationBtnNext.paginationButtonDisabled:hover{cursor:auto;background:#efefef!important;color:#d7d7d7!important}
/***Animated Placeholder***/
@keyframes placeHolderShimmer {0%{ background-position: -468px 0; } 100%{ background-position: 468px 0; }}
@keyframes placeHolderShimmerMed {0%{ background-position: -900px 0; } 100%{ background-position: 900px 0; }}
.animated-background, .animated-background-med {animation-duration: 1.5s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear;  animation-name: placeHolderShimmer;  background: #f6f7f8;  background: linear-gradient(135deg, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);  background-size: 800px 104px;  position: relative;}
.animated-background-med { animation-name: placeHolderShimmerMed; background: linear-gradient(135deg, #eee 0%, #ddd 8%, #eee 16%); background-size: 1800px 104px;}
.list-animated-background{height:72px;padding-top: 12px;}
.form-animated-background{height:69px}
.background-masker {background: #f3f7f8; /* position: absolute;*/}
/**Animated placeholder elements**/
.background-masker.line{margin-bottom:12px;	height:12px;}
.background-masker.header-top,.background-masker.header-bottom,.background-masker.subheader-bottom { top: 0; left: 40px;right: 0;height: 10px;}
.background-masker.header-left,.background-masker.subheader-left,.background-masker.header-right,.background-masker.subheader-right {    top: 10px;    left: 40px;    height: 8px;    width: 10px;}
.background-masker.header-bottom {    top: 18px;    height: 6px;}
.background-masker.subheader-left,.background-masker.subheader-right {    top: 24px;    height: 6px;}
.background-masker.header-right,.background-masker.subheader-right {    width: auto;    left: 300px;    right: 0;}
.background-masker.subheader-right {    left: 230px;}
.background-masker.subheader-bottom {    top: 30px;    height: 10px;}
.background-masker.content-top,.background-masker.content-second-line,.background-masker.content-third-line,.background-masker.content-second-end,.background-masker.content-third-end,.background-masker.content-first-end {    top: 40px;    left: 0;    right: 0;    height: 6px;}
.background-masker.content-top {    height:20px;}
.background-masker.content-first-end,.background-masker.content-second-end,.background-masker.content-third-end{    width: auto;    left: 380px;    right: 0;    top: 60px;    height: 8px;}
.background-masker.content-second-line  {    top: 68px;}
.background-masker.content-second-end {    left: 420px;    top: 74px;}
.background-masker.content-third-line {    top: 82px;}
.background-masker.content-third-end {    left: 300px;    top: 88px;}

#searchContentPlaceholder > .searchInnerContent { width: 845px; height: 35px; }
#searchContentPlaceholder .placeholderBase { width: 99%; height: 100%; }
#searchContentPlaceholder .placeholderContainer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2 }
#searchContentPlaceholder .placeholderContainer > div { height: 35px; display: inline-block; }
#searchContentPlaceholder .placeholderContainer > .firstPlaceholder { width: 14%; border-radius: 4px 0 0 4px; background: #0E7BBA }
#searchContentPlaceholder .placeholderContainer > .secondPlaceholder { width: 13%; background: #ccc; }
#searchContentPlaceholder .placeholderContainer > .thirdPlaceholder { width: 63%; background: #ccc; }
#searchContentPlaceholder .placeholderContainer > .fourthPlaceholder { width: 8%; border-radius: 0 4px 4px 0; background: #0E7BBA }

.checkBoxGlyphContainer{display:flex}
.checkBoxGlyphContainer .checkBoxGlyphLabel{order:2}
.checkBoxGlyphContainer i{order:1;line-height:1.9;margin-right:10px;font-size:18px}
#searchForm[aria-hidden*="true"] .input-group-btn.open>.dropdown-menu{display:none!important}
.institutionNotificationItem{background-color:#fcf8e3;border:1px solid #d2b21a;padding:15px;margin-bottom:20px;border-radius:4px;margin-top:10px}
.tableActions .icon-alma-ex-alma-custom-view-dot.green-dot {color: #2eb82e;margin-left: -19px;font-size: 16px;}
.tableActions .icon-alma-ex-alma-custom-view-gear {	font-size: 17px;}
#searchForm[aria-hidden*="true"] .input-group-btn.open>.dropdown-menu{
	display:none!important;
}
.rtlIconResizer{transform:rotate(90deg) !important; bottom: 0 !important;right: 0 !important;}
.searchCaretRtl{z-index: 3; position: absolute; right: 10px; top: 45%;}

li[data-search-key='BIB_MMS'] a, li[data-search-key="ITEM"] a, li[data-search-key="IEPA"] a, li[data-search-key="IEC"] a, li[data-search-key="LICENSES"] a{border-bottom: solid 1px #ddd;margin: 0 10px;padding-right: 0!important;padding-left: 0!important;}
#simpleSearchObjectType li:last-child a, #advancedSearchObjectType li:last-child a{border-bottom: none;}
.dropdown-menu#simpleSearchObjectType  li:hover, .dropdown-menu#advancedSearchObjectType  li:hover{background-color: #f5f5f5;}
li .styled-checkbox input[type=checkbox] {position:static!important;margin-left: -16px!important;}
li .styled-checkbox>input[type=checkbox]+label{position: absolute;}

.sizeChangingWrapperWithHeader .sizeChangingWrapper{width:92%;display:flex;border-radius:5px;line-height:30px;margin:10px 0 10px 9px}
.sizeChangingWrapperWithHeader .sizeChanging:nth-child(2){border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;border-left:1px solid #ddd;border-right:1px solid #ddd}
.sizeChangingWrapperWithHeader .sizeChanging{outline:none;font-size:22px;padding: 5px 6px 5px 15px; cursor:pointer;flex-grow:1;text-align:center;background-color: unset;border: 1px;}
 .topMenuUserPreferencesWrapper .guttersChanger button.active,  .topMenuUserPreferencesWrapper .guttersChanger button:not(.active):not(.disabled):hover{background-color:#0e7bba;color:#fff}
.sizeChangingWrapperWithHeader .sizeChanging.active{background-color:#0e7bba;color:#fff}
.sizeChangingWrapperWithHeader .sizeChanging:first-child{border-left:#ddd 1px solid;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;border-radius:5px 0 0 5px;}
.sizeChangingWrapperWithHeader .sizeChanging:last-child{border-radius: 0 5px 5px 0;border-right:#ddd 1px solid;border-top:#ddd 1px solid;;border-bottom:#ddd 1px solid;}
.sizeChangingWrapperWithHeader .sizeChanging:not(.active):hover{background-color:#0e7bba;color:#fff}
.sizeChanging i{float: none; outline: none;}
.topMenuUserPreferencesWrapper {border:none}
.topMenuUserPreferencesWrapper .sizeChangingWrapperWithHeader .sizeChangingHeader, .topMenuUserPreferencesWrapper .guttersChangerHeader{line-height: 16px; margin-top: 9px;border-top: solid 1px #f3f3f3;  padding-top: 14px; text-align: center;}
.topMenuUserPreferencesWrapper .guttersChangerHeader{border: none !important;}
.topMenuUserPreferencesWrapper .guttersChangerHeader.disabled{color: #ddd}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader:hover{background-color: #e5e5e5}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader{padding-left: 20px; line-height: 16px; border: none;padding-right: 9px;background-color: unset}
.topMenuUserPreferencesWrapper .guttersChanger{width: 92%;display: flex;border-radius: 5px;line-height: 30px;margin: 10px 0 10px 9px;}
.topMenuUserPreferencesWrapper .guttersChanger button{outline:none; font-size: 14px;cursor: pointer;flex-grow: 1;text-align: center;background-color: unset;border: 1px;}
.topMenuUserPreferencesWrapper .guttersChanger button.active, .topMenuUserPreferencesWrapper .guttersChanger button:hover(:.disable){background-color: #0E7BBA; color: #fff}
.topMenuUserPreferencesWrapper .guttersChanger button:first-child{border-right:#ddd 1px solid;border-left:#ddd 1px solid;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;border-radius:5px 0 0 5px;border: #ddd 1px solid;}
.topMenuUserPreferencesWrapper .guttersChanger button:last-child{border-radius: 0 5px 5px 0;border-right:#ddd 1px solid;border-top:#ddd 1px solid;;border-bottom:#ddd 1px solid;}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader a{text-decoration: none; color: #333;display: flex;    padding: 15px 10px 15px 19px;margin: -15px -10px -15px -20px}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader a div:first-child{width:85%}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader a.collapsed i{transform: rotate(-90deg);transition: 0.5s;}
.topMenuUserPreferencesWrapper .topMenuUserPreferencesHeader i{transform: rotate(0deg);transition: 0.5s; float:right; margin-left:5px}
 .jsCompositeField .duplicateRowBtn i{color: #ccc!important;}
.jsCompositeField .duplicateRowBtn {pointer-events: none;}
.jsCompositeField .advCompareTypesWrapper, .jsCompositeField .advSearchValueWrapper{opacity:0}
.jsChildField .advSearchFieldsWrapper .input-group-btn, .jsChildField .rowIconsWrapper{display:none;}
.jsChildField .advSearchFieldsWrapper .ui-combobox input[type="text"]{border: 1px solid #ccc;border-radius: 4px;}
.jsChildField .advSearchFieldsWrapper .ui-combobox{width:100%}
/* .summarySection.jsSummarySection.closed .formThumbnail{    height: 0px;overflow: hidden;display: block;display: none}
.summarySection.jsSummarySection{overflow: hidden;transition: max-height 0.3s ease-in-out; max-height: 400px;}
.summarySection.jsSummarySection.closed {overflow: hidden !important;max-height: 50px !important;}
.summarySection.jsSummarySection.closed .formTitle{border:none}
.summarySection.jsSummarySection.closed .formTitle *{text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;}
.smallSize .summarySection.jsSummarySection.closed{max-height: 40px !important;}
.summarySection .media-body{transition: all 0.3s;}
.jsSummarySectionButtonContainer{z-index: 1;right: 1%;position: absolute;}
.jsSummarySectionButton{transition: all 0.3s ease; cursor: pointer;display: flex;transform: rotate(0deg);text-decoration: none}
.jsSummarySectionButton:hover{text-decoration: none}
.jsSummarySectionButton i{padding: 3px 5px;}
.jsSummarySection.closed .jsSummarySectionButton{transform: rotate(-90deg);} */
.dummySpace{width:0;position:absolute;}
.selection_bubble {background:#fff;position: absolute;top: 0;left: 0;-webkit-border-radius:4px; -moz-border-radius:4px;border-radius:4px;z-index:1000;box-shadow: -1px 1px 12px #ccc;min-width: 75px;min-height: 33px;color:#0e7bba}
.selection_bubble:after {content: "";position: absolute;bottom: -5px;left: 12px;border-width: 7px 7px 0;border-style: solid;border-color: #fff transparent;display: block; width: 0;}
.selection_bubble i{margin: 0 10px;}
.selection_bubble .action{cursor: pointer;height: 100%;line-height: 33px;display:inline-block}
.selection_bubble .action:first-child{border-left:none;margin-left:0}
.selection_bubble .action:last-child{margin-right:10px}
.selection_bubble .action:hover{color: #1c608f;}
.selection_bubble .seperator {border-left: 1px solid #efefef;height: 20px;cursor: text;vertical-align: middle;display: inline-block;margin-left: 10px;}
.selection_bubble .copied{line-height: 18px;padding: 0 31px; margin: 0!important;}
.copied.draw:after {animation-duration: 800ms;animation-timing-function: ease;animation-name: checkmark;transform: scaleX(-1) rotate(135deg);color:#0eba83}
.copied:after {opacity: 1;height: 17px;width: 9px;transform-origin: left top;border-right: 3px solid;border-top: 3px solid;content: '';left: 26px;top: 16px;position: absolute;}
@keyframes checkmark {0% {height: 0;width: 0;opacity: 1;}20% {height: 0;width: 9px;opacity: 1;}40% {height: 17px;width: 9px;opacity: 1;}100% {height: 17px;width: 9px;opacity: 1;}}
.surveyLink{background: linear-gradient(51deg, #53738c,#3f5e77);border-top-right-radius: 7px;border-top-left-radius: 7px;padding:6px 6px;border: 2px solid #fff;border-bottom: none;box-shadow: -1px 1px 12px rgba(0,0,0,0.3);display: inline-block;}
.surveyLinkContainer span.hideSurveyLink{-webkit-transition: opacity 1s; transition: opacity 1s;margin-top: 0;opacity:0;color:#aaa;float: right;font-size: 18px;font-weight: 600; display: inline-block; padding-left: 5px; line-height: 35px;height: 35px;}
.surveyLinkContainer{position: fixed;right: 0;top: calc(63% - 100px);transform-origin: right bottom;cursor: pointer;}
.surveyLinkContainer:hover .hideSurveyLink{opacity:1;}
.surveyLinkContainer:hover .surveyLink, .surveyLinkInMenu:hover {background: linear-gradient(51deg, #435e73,#314c63)!important;}
.surveyLinkInMenu a:hover, #ALMA_MENU_TOP_NAV_help .darkGreyBg a:hover{background: transparent!important;}
.surveyLinkInMenu a{width: 100%;}
.surveyLinkInMenu span{float:right}
.hideSurveyLink:hover{color:#666!important;}
.surveyLink a, .surveyLinkInMenu a{color: #fff!important;display:inline-block!important;}
.surveyLink a:hover, .surveyLink a:focus{text-decoration: none;}
.surveyLink span, .surveyLinkInMenu span{color: #fff;font-size:10px;line-height: 20px;margin-left: 3px;}
.surveyLinkInMenu{background: linear-gradient(51deg, #53738c,#3f5e77); height: 30px;line-height: 30px;margin-bottom: 4px;}